1. Что делает плагин
Коротко
Фотографии, которые вы загружаете в магазин, обычно большие. Посетитель со смартфоном получает ту же тяжёлую картинку, что и посетитель с большим монитором. Страница грузится дольше, мобильный трафик тратится зря.
Images PRO создаёт для каждой картинки несколько облегчённых копий (меньшего размера, в современных форматах WebP и AVIF, для Retina-экранов и так далее) и подставляет в страницу подходящую. Ваши оригиналы не изменяются — плагин работает только с копиями.
Скорость сайта, оценки PageSpeed, позиции в поиске и конверсия зависят от вашего сайта в целом. Плагин их не гарантирует.
Что увидит покупатель
- Страницы выглядят так же, как раньше, но картинки подходят под экран устройства и обычно легче.
- Пока копии для страницы ещё не созданы, посетитель видит оригинальные картинки, а не ошибку. Копии появляются после первых просмотров страницы или после работы фоновой команды (зависит от режима обработки).
- Если браузер посетителя не поддерживает WebP или AVIF, он получает обычный JPEG или PNG.
- Для экранов высокой плотности (Retina) можно создавать копии 2x и 3x (Премиум).
- Можно включить «заглушки» LQIP — очень лёгкие размытые превью, которые показываются, пока загружается полная картинка (работают вместе с плагином «Lazyload») (Премиум).
Что меняется на сайте
- В заголовок каждой страницы витрины добавляется небольшой скрипт плагина (
scripts.js). Он определяет ширину и плотность экрана и сообщает о них серверу. Для этого в браузере посетителя сохраняются две cookie —responsiveimages_resolutionиresponsiveimages_dpr(подробнее в разделе Безопасность). - Плагин правит HTML страницы при выдаче: в теги
imgдобавляются атрибуты (например,srcset,width,height), подставляются адреса копий. Шаблоны вашей темы не изменяются. - Копии складываются в папку
wa-data/public/shop/responsiveimages/на сервере или, если включено, в облачное хранилище S3. - В режимах «Фоновый» и 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-пагинация, фильтры): там могут остаться исходные картинки.
- Не изменяет и не удаляет оригинальные изображения товаров.