1. Что делает плагин

Коротко

Фотографии, которые вы загружаете в магазин, обычно большие. Посетитель со смартфоном получает ту же тяжёлую картинку, что и посетитель с большим монитором. Страница грузится дольше, мобильный трафик тратится зря.

Images PRO создаёт для каждой картинки несколько облегчённых копий (меньшего размера, в современных форматах WebP и AVIF, для Retina-экранов и так далее) и подставляет в страницу подходящую. Ваши оригиналы не изменяются — плагин работает только с копиями.

Скорость сайта, оценки PageSpeed, позиции в поиске и конверсия зависят от вашего сайта в целом. Плагин их не гарантирует.

Что увидит покупатель

  • Страницы выглядят так же, как раньше, но картинки подходят под экран устройства и обычно легче.
  • Пока копии для страницы ещё не созданы, посетитель видит оригинальные картинки, а не ошибку. Копии появляются после первых просмотров страницы или после работы фоновой команды (зависит от режима обработки).
  • Если браузер посетителя не поддерживает WebP или AVIF, он получает обычный JPEG или PNG.
  • Для экранов высокой плотности (Retina) можно создавать копии 2x и 3x (Премиум).
  • Можно включить «заглушки» LQIP — очень лёгкие размытые превью, которые показываются, пока загружается полная картинка (работают вместе с плагином «Lazyload») (Премиум).

Что меняется на сайте

  1. В заголовок каждой страницы витрины добавляется небольшой скрипт плагина (scripts.js). Он определяет ширину и плотность экрана и сообщает о них серверу. Для этого в браузере посетителя сохраняются две cookie — responsiveimages_resolution и responsiveimages_dpr (подробнее в разделе Безопасность).
  2. Плагин правит HTML страницы при выдаче: в теги img добавляются атрибуты (например, srcset, width, height), подставляются адреса копий. Шаблоны вашей темы не изменяются.
  3. Копии складываются в папку wa-data/public/shop/responsiveimages/ на сервере или, если включено, в облачное хранилище S3.
  4. В режимах «Фоновый» и Smart Hybrid плагин ведёт очередь страниц, у которых картинки ещё не обработаны.

Если плагин выключить, страницы снова отдаются в прежнем виде.

Что умеет плагин

Возможность Редакция
Современные форматы WebP и AVIF (если их поддерживает сервер и браузер) Базовая
Оптимизация (качество JPG/PNG/GIF/WebP/AVIF) Базовая
Ограничение максимальной ширины, миниатюры нужных размеров, копия 2x Базовая
Три режима обработки, фоновая обработка по cron, защита от перегрузки Базовая
Вкладка «Диагностика» Базовая
Хранение копий в облаке S3 Базовая
Версия в имени файла (картинка не «залипает» в кеше после замены) Базовая
Адаптивные размеры и srcset по заданным точкам ширины Премиум
Копии высокого разрешения (2x, 3x) Премиум
LQIP-заглушки Премиум
Микроданные Schema.org, изображения нужных пропорций Премиум
Метаданные IPTC Премиум
Автоматический ALT-текст (по шаблону или через GigaChat) Премиум
Атрибуты width и height Премиум

Подробнее о редакциях — в разделе Требования.

Чего плагин не делает

  • Не обходит весь каталог сам и не запускает фоновую обработку «из браузера». Фоновую обработку по расписанию настраиваете вы (cron).
  • Не очищает кеши SuperCache, PWA и CDN (раздел 9).
  • Не гарантирует работу с блоками, которые тема подгружает скриптом уже после загрузки страницы (AJAX-пагинация, фильтры): там могут остаться исходные картинки.
  • Не изменяет и не удаляет оригинальные изображения товаров.
Просмотр изображения
Оригинал