В процессе оптимизации скорости загрузки сайта каждый вебмастер сталкивается с вопросом сжатия размера картинок. Если раньше PageSpeed Insights просто предлагал сжимать размер фото, то теперь этого недостаточно. Популярный тест рекомендуем переводить формат картинок в современный webp формат, который был разработан Google еще в 2010 году.
Webp сжатие позволяет уменьшать вес картинки более качественно, чем например, та же конвертация jpg с меньшим качеством. Но постоянно вручную преобразовывать картинки в этот формат неудобно. Поэтому нашей студией был разработан плагин оптимизации картинок WebP для Joomla 3.
Как это работает?
Вы устанавливаете плагин и активируете его.
При открытии любой страницы, в которой есть картинки плагин автоматом преобразует их в webp формат и загружает в ту же директорию, где и оригинал картинки. Название картинки будет таким же, но с расширением webp. Далее плагин подменяет пути картинок на webp версию, тем самым оптимизируя вашу страницу.
Особенности работы плагина
Плагин может преобразовать только картинки, которые находятся в материалах и категориях Joomla - то есть те, которые вы добавляете через кнопку изображение.
Если вы используете в материале галерею, которая подключается в тексте в виде плагина, то такие картинки не преобразуется, так как это вне видимости действия webp плагина.
Конвертироваться могут только картинке расширения jpg или png.
В настройках можно исключать картинки, в которых преобразование не нужно.
Также можно исключить страницы и целые разделы от действия плагина, чтобы он там не работал.
Настройки
Ниже вы можете увидеть скриншот настроек плагина с расшифровкой значений настроек.
По сколько картинок обрабатывать за раз - Если на одной странице более 10 картинок, то время обработки скрипта может сильно повысить нагрузку на сервер, особенно если у вас картинки изначально весят по несколько mb. Поэтому рекомендуется ставить не больше 3-5. В этом случае после нескольких обновлений страницы, картинки по очереди обработаются в webp.
Картинки исключения - Перечислите изображения, на которых плагин не должен срабатывать. Каждая картинка-исключение с новой строки. Формат адреса картинки без домена, например: /images/test/new.jpg
Примеры оптимизации
На этом сайте также установлен этот плагин, поэтому многие картинки, которые здесь присутствуют уже в webp формате. Вы можете посмотреть качество оптимизации изображений и уровень сжатия на следующих картинках: