Top Man Digital: Optimizer

Тяжёлые изображения, анимации и скрипты увеличивают время загрузки страниц. Top Man Digital Optimizer помогает уменьшить объём загружаемых файлов и раньше показать посетителю основное содержимое сайта.

Начните с базовой оптимизации одной кнопкой. Модуль включит WebP-копии изображений, загрузку картинок по мере прокрутки, резервирование места под них и приоритет главного изображения первого экрана.

Попробуйте модуль бесплатно в течение 7 дней и оцените результат на своём сайте.

Для первого запуска не нужно разбираться во всех настройках. Нажмите «Включить ускорение» на экране «Обзор» — модуль применит базовый набор оптимизаций.

Копии изображений готовятся постепенно. Чтобы обработать накопленные картинки сайта, нажмите «Подготовить копии картинок». Модуль выполнит работу в фоне и начнёт использовать готовые файлы на страницах.

Оригинальные изображения останутся на сервере.

На экране «Обзор» видно, сколько файлов подготовлено и насколько уменьшился их общий размер.

Замеры Google PageSpeed позволяют сравнить главную страницу до и после включения ускорения. Результаты показаны отдельно для телефона и компьютера: оценка производительности, время отрисовки, блокировки, сдвиги макета и вес страницы.

Для встроенных замеров нужно один раз указать API-ключ PageSpeed в настройках. Оптимизация файлов работает независимо от этих замеров.

Пример с тестового сайта: в представленном отчёте вес страницы уменьшился с 2,4 до 1,4 МБ. Результат зависит от исходного состояния сайта, выбранных настроек и условий измерения — сравните показатели своего проекта в демо-период.

• Изображения в каталоге и карточках товаров. Модуль создаёт WebP-копии, откладывает загрузку картинок ниже первого экрана и задаёт приоритет главному изображению.

• GIF-анимации. Тяжёлые GIF можно заменить лёгкими WebM-копиями с автоматическим воспроизведением без звука. На тестовой выборке из 32 анимаций общий размер уменьшился с 362 до 30 МБ.

• Стили и шрифты. Модуль уменьшает CSS-файлы и позволяет отложить загрузку второстепенных стилей и подключений сервисов шрифтов.

• Скрипты, счётчики и виджеты. Поддерживает уменьшение JavaScript-файлов и отложенное выполнение подходящих скриптов.

• Встроенные видео и карты. Добавляет загрузку по мере прокрутки, чтобы браузер не загружал всё содержимое страницы сразу.

Дополнительные функции включаются отдельно. Можно менять настройки постепенно и проверять результат после каждого изменения.

Очередь может работать:

• через штатный агент 1С-Битрикс;
• по расписанию через cron;
• небольшими порциями после открытия страницы.

Если обработчик остановится во время задачи, модуль автоматически вернёт её в очередь.

В административной части можно:

• увидеть, работает ли ускорение;
• посмотреть количество готовых копий и сэкономленный объём;
• проверить поддержку WebP, Imagick и ffmpeg на сервере;
• следить за очередью фоновых задач;
• запускать массовую обработку изображений и анимаций;
• повторять и отменять задачи;
• находить и удалять неиспользуемые копии;
• смотреть историю изменений;
• подготовить диагностическую выгрузку для поддержки.

Перед удалением ненужных файлов модуль показывает, что именно будет удалено.

Модуль создаёт оптимизированные копии отдельно от изображений, CSS и JavaScript сайта. Чтобы прекратить их использование, достаточно отключить соответствующую функцию или ускорение целиком.

В административной части доступны очередь задач, повторная обработка файлов, проверка сервера и история изменений. Для нескольких сайтов можно использовать общие или индивидуальные настройки.

Установите демоверсию. Если планируете сравнение PageSpeed, сначала сохраните замер при выключенном ускорении. Затем включите базовую оптимизацию, дождитесь подготовки копий и повторите измерение.

Проверьте внешний вид и работу основных страниц. Оцените изменения в размере файлов и показателях загрузки — и решите, подходит ли модуль вашему сайту.