Ускорение загрузки сайта - оптимизация css, js и картинок (изображений)
Для работы с изображениями используются установленные библиотеки optipng, pngquant, jpegoptim, svgo, ImageMagick. Как правило, какие-то из этих библиотек уже есть на хостинге и дополнительные могут не потребоваться. Чтобы проверить как работает модуль на вашем хостинге до покупки, установите его в демо-режиме.
Установка модуля в демо-режиме В демо-режиме доступны все функции. После окончания бесплатного периода, модуль выключится. Если вы оптимизировали изображения, то они останутся оптимизированными, всё остальное вернется в состояние, которое было до его установки. Повторно активировать демо-режим нельзя.
При первой загрузке страницы после включения модуля может потребоваться конвертация в WebP сразу большого количества изображений и вы заметите, что страница загружается дольше обычного. Это нормально, т.к. идет оптимизация страницы. Рекомендуем в таких случаях просто "походить" по сайту, чтобы основные элементы дизайна и наиболее часто используемые изображения преобразовались в WebP. При последующих заходах на эти страницы, оно будут уже оптимизированы и будут загружаться быстрее.
Сжатие уже загруженных изображений Для сжатия уже загруженных изображений, требуется зайти в раздел "Сервисы" - "Оптимизация изображений Adwex" и указать папку, в которых они находятся. Если вы знаете, что на сайте много изображений то лучше не указывать «/», а разбить сжатие на несколько этапов. Рекомендуемые папки для оптимизации: /upload/iblock/ /upload/resize_cache/ Внимание! Сжатие изображений в jpg и png необратимо, новые оптимизированные изображения перезаписываются без сохранения исходников. Рекомендуется создать бакап изображений перед их сжатием на случай если качество оптимизированных изображений вам не подойдет.
Если ваш сервер поддерживает WebP, то оптимизированные изображения в формате WebP будут автоматически создаваться при первом открытии страницы с соответствующими изображениями. Сохраняются изображения WebP в отдельную папку, независимо от исходных .jpg и .png файлов. При использовании WebP запускать оптимизацию изображений в разделе "Сервисы" обычно не требуется.
Сжатие новых изображений Если на сайт постоянно добавляются новые изображения, например, через импорт, то чтобы они автоматически сжимались, необходимо в настройках модуля выбрать опции «Сжимать изображения элементов инфоблока»
WebP При создании WebP, модуль создает дополнительный файл. Это позволяет не тратить ресурсы сервера (ЦП и память) на конвертацию при каждой загрузке страницы, что хорошо сказывается на общем быстродействии. Также это необходимо, т.к. не все браузеры поддерживают этот формат. У ваших товаров и других элементов в админке, вы будете видеть оригинальные файлы JPG и PNG, но пользователям показывается WebP. Поиск изображений по нестандартными HTML-тэгам и атрибутам В большинстве случаев, все изображения на странице модуль находит и конвертирует в WebP без сложных настроек. При этом, для работы модуля с особым HTML-кодом предусмотрена специальная опция "Регулярные выражения (regexp) для дополнительного поиска и конвертации изображений в WebP" в разделе "Настройки WebP". Например, для конвертации от одного до трёх изображений, заданных у любого тэга в атрибуте "data-srcset" в формате перечисления через запятую, можно в настройках модуля указать такие регулярные выражения: data-srcset="[^"]*,([^",]+) data-srcset="[^",]*+,([^",]+) data-srcset="([^",]*+) Удобный инструмент для подготовки и тестирования регулярных выражений: https://regex101.com/ Кроме того, за помощью в такой "особой" настройке модуля можете обращаться в нашу тех.поддержку.
Многосайтовость Модуль поддерживает многосайтовость Битрикса. Вы можете указать настройки независимо для каждого сайта. ТЕСТИРОВАНИЕ РАБОТЫ МОДУЛЯ УСКОРЕНИЯ Если вы видите, что на странице тестирования GooglePageSpeed оценочные показатели не улучшились или изменения незначительны, то, возможно, модуль настроен неправильно. Проверьте следующие настройки. Вкладка “Общие настройки модуля” Качество WebP: оптимальное значение 85-90
Вкладка сайта Убедитесь, что в поле “Модуль работает” выставлено значение “Для всех пользователей”. В пункте “Преконнект внешних источников кода/контента” не рекомендуется выставлять все поля, выберите только те, которые необходимы (не более 3-ех). После всех изменений настроек нужно их сохранить, нажав на кнопку внизу “Применить”.
ВАЖНО! При первой загрузке страницы (после включения или изменения настроек модуля), время ожидания контента может немного вырасти. Это связано с тем, что модуль выполняет конвертирование изображений и сохраняет их в кеш. При повторном посещении страницы, она должна загружаться намного быстрее, чем в первый раз. Поэтому замеры с помощью GooglePageSpeed нужно делать на второй загрузке страницы, когда оптимизация кода и изображений уже выполнена.
Совместимость с композитным режимом Если на сайте включен режим “Автокомпозит”, то контент дополнительно кешируется и может отдаваться в обход модуля. Поэтому композитный режим, обычно, лучше включать уже после настройки модуля ускорения. При использовании композитного режима протестируйте скорость загрузки сайта в разных вариантах: - модуль и автокомпозит включен - модуль включен, автокомпозит выключен - модуль выключен, автокомпозит включен Особенности использования CDN Модуль корректно работает при использовании CDN. Но при включении CDN для изображений (!), модуль не сможет конвертировать изображения в webp, так как страница будет загружать изображения с других серверов. Поэтому, обычно, отключение CDN для изображений улучшает показатели GooglePageSpeed.
Дополнительно Включение модуля полностью решает предупреждение от GooglePageSpeed по поводу современных форматов изображений, а также улучшает оценки работы скриптов.
Модуль не может влиять на скорость работы сервера сайта и каналов передачи данных.Мы предлагаем два безопасных способа оплаты, чтобы вы могли выбрать наиболее удобный для вашей компании или личного пользования.
1. Онлайн-оплата банковской картой (Интернет-эквайринг)
- Мгновенное списание средств.
- Принимаются карты Visa, MasterCard, МИР.
- Платеж защищен современными протоколами шифрования (3-D Secure). Данные вашей карты не хранятся на нашем сервере и не передаются третьим лицам.
- После успешного списания лицензия будет выпущена в срок до 24 часов и отправлена на указанную вами электронную почту (или поступит в Личный кабинет).
2. Оплата по безналичному расчету (по счету)
- Идеальный вариант для юридических лиц и бюджетных организаций.
- Мы выставим официальный счет на оплату с выделенным НДС (или без, в зависимости от вашей системы налогообложения).
- Срок оплаты по счету — 3 рабочих дня.
- После поступления средств на наш расчетный счет мы подготовим для вас полный пакет закрывающих документов (Акт, УПД или ТОРГ-12) и направим их электронно или курьером.
Не готовы платить сразу? Купите лицензию в рассрочку!
Теперь дорогие программные продукты доступны без удара по бюджету. Мы подключили оплату через Т-Банк — вы можете оформить покупку частями, без лишних справок и походов в банк.
Два варианта на выбор:
- Рассрочка — вы платите только стоимость товара, без процентов. Мы берём комиссию банка на себя.
- Кредит — если вам нужен более длительный срок или меньший ежемесячный платёж, банк начислит проценты, но вы сами выбираете удобный график.
Как это работает?
- Оформляете заказ на сумму от 3 000 ₽.
- На странице оплаты выбираете «Купить в кредит / рассрочку от Т-Банка».
- Заполняете короткую анкету — банк принимает решение за пару минут.
- После одобрения мы сразу высылаем лицензионный ключ на вашу почту, а вы спокойно вносите платежи по графику.
По статистике, оплата частями повышает продажи на 40% — и это логично, ведь вы получаете нужный софт сегодня, а платите постепенно.
Сумма покупки — от 3 000 до 500 000 ₽. Окончательный процент, срок и размер переплаты (если она есть) банк покажет до подписания договора.
Отзывы