Top Man Digital: Ускорение сайта — WebP и контроль PageSpeed
Скриншоты
Технические данные
Совместимые редакции
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Старт
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Стандарт
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Малый бизнес
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Бизнес
Описание
Ускорьте загрузку сайта. Проверьте результат до покупкиТяжёлые изображения, анимации и скрипты увеличивают время загрузки страниц. 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 сайта. Чтобы прекратить их использование, достаточно отключить соответствующую функцию или ускорение целиком.
В административной части доступны очередь задач, повторная обработка файлов, проверка сервера и история изменений. Для нескольких сайтов можно использовать общие или индивидуальные настройки.
Проверьте ускорение за 7 днейУстановите демоверсию. Если планируете сравнение PageSpeed, сначала сохраните замер при выключенном ускорении. Затем включите базовую оптимизацию, дождитесь подготовки копий и повторите измерение.
Проверьте внешний вид и работу основных страниц. Оцените изменения в размере файлов и показателях загрузки — и решите, подходит ли модуль вашему сайту.
Требования
Для работы модуля необходимы:
PHP 8.2 или новее;
1С-Битрикс версии 23.900.1000 или новее;
право на запись в каталог /upload;
GD или Imagick для создания WebP-копий.
Для дополнительных возможностей:
Imagick — для обработки анимированных GIF;
ffmpeg с поддержкой VP9 — для преобразования анимаций в WebM.
Если версия PHP или 1С-Битрикс ниже требуемой, установка будет остановлена. Отсутствие Imagick или ffmpeg не мешает работе остальных функций.
Первый запускПосле установки:
Откройте раздел Ускорение сайта → Проверка сервера.
Убедитесь, что модуль может записывать файлы в /upload и видит GD или Imagick.
Перейдите в раздел Настройки и включите модуль.
Для начала включите Ускорять картинки и Загружать картинки по мере прокрутки.
Откройте раздел Фоновые задачи и проверьте, как создаются оптимизированные копии.
Модуль начинает обработку постепенно. Когда изображение впервые появляется на странице, для него создаётся задача. Фоновый агент обрабатывает очередь раз в минуту.
На сайтах с большим количеством файлов рекомендуется настроить запуск обработчика по расписанию. Готовую команду для cron можно скопировать в разделе Фоновые задачи.
ВажноМодуль не изменяет исходные изображения, стили и скрипты. Все облегчённые версии хранятся отдельно. Если отключить модуль или отдельную функцию, сайт сразу продолжит работать с исходными файлами.
Преобразование GIF в WebM выключено по умолчанию. Перед его включением проверьте наличие ffmpeg и работу анимаций в шаблоне сайта.
Почта для связи: marketplace@topman.dev
TG для связи: https://t.me/digitaltopman
Время ответа - 2 рабочих дня.
Установите этот модуль прямо сейчас!
Для этого укажите адрес сайта:
