Почти четыре из пяти мобильных пользователей используют браузер, способный отображать изображения в формате webp. Но по-прежнему на большинстве сайтов отдаются изображения jpeg, которые обычно в два раза больше размером при том же качестве. Этот плагин создан, чтобы решить данную задачу, без особых усилий администраторы магазинов настроят Shop-Script отдавать автоматически создаваемые изображения товаров и другие в формате webp для браузеров, которые его поддерживают, в то же время по-прежнему предоставлять обычные jpeg и png для остальных браузеров.
Плагин способен конвертировать изображения с помощью нескольких методов, в настройках отметьте все доступные галочки, будет использоваться лучший доступный в вашем случае метод. Есть локальные методы конвертации: cwebp, gd, imagick, если на сервере не будут найдены нужные для них компоненты, то будет использоваться бесплатная облачная конвертация через сторонний сервер.
Плагин изменяет HTML-код страницы, подменяя URL изображений на эскиз в webp для тех браузеров, которые поддерживают формат. Эскиз будет создан автоматически на лету при запросе, используя тот же механизм, что и Shop-Script. Работает как с изображениями товаров, так и с остальными: иконки, логотипы, баннеры.
Преимущества:
- Более быстрая загрузка изображений для браузеров, поддерживающих webp. Конвертированные изображения обычно в два раза меньше оригиналов в случае jpeg, сохраняя при этом прежнее качество. Стоит понимать, что в большинстве случаев именно изображения ответственны за общее время ожидания страницы, посетители заметят разницу
- Повышаются рейтинги в поиске Google, использование современных форматов для изображений является частью требования PageSpeed и Lighthouse и учитывается при индексировании.
- Меньший объем трафика, очень заметно, например, при медленном или дорогом соединении с интернетом у клиента.
- На данный момент около 80% мобильных и настольных клиентов уже поддерживают webp: https://caniuse.com/#feat=webp . Теперь Firefox и Edge тоже присоединились к поддержке.
Использование:
В большинстве случае плагин будет работать с настройками по умолчанию. Только отметьте все доступные на вашем хостинге Способы конвертации галочками, поставьте ее и на Включить плагин и сохраните настройки. Этого будет достаточно, больше никаких изменений не потребуется. Зайдите с помощью Firefox или Chrome на страницы сайта, чтобы убедиться, что все изображения теперь с расширением .webp
При первом доступе к изображению его загрузка может быть чуть дольше обычного, так как происходит конвертация. Но затем эскиз остается в кэше, дальше будет загружаться мгновенно.
Конвертированные эскизы хранятся на сервере рядом с обычными, стоит понимать, что занятое установкой место на хостинге тоже будет расти.
Плагин меняет именно HTML-код страниц, но некоторые изображения могут загружаться, например, скриптами или CSS, такие файлы будут пропущены.
Работа в облаке:
В рамках облака на данный момент доступна только облачная конвертация на стороннем сервере. Первоначальная генерация эскизов может быть немного дольше в этом случае.
Работа на стороннем хостинге или VDS:
На любом современном хостинге не должно быть проблем, найдется подходящее локальное решение. В приложении Логи откройте phpinfo() и поищите, есть ли на странице упоминания webp, в этом случае должно сработать. В дистрибутиве плагина уже есть последняя версия cwebp, иначе можно установить cwebp с помощью команды apt-get install webp или yum install libwebp-tools. Проверьте, что в PHP не выключена функция exec()
