Внедрение webp на wordpress
Формат WebP уже прочно вошел в жизнь вебмастеров и стал ключевым элементом в улучшении показателей Google Page Speed, который требует оптимизированных изображений и постоянно рекомендует WebP за его лучшее сжатие по сравнению с PNG
WebP уже можно использовать как основной формат для графики на сайте, но есть одна проблема — контент-менеджеры часто не будут вручную конвертировать изображения в WebP перед загрузкой
Проблема с webP плагинами на wordpress
Здесь на помощь приходит WordPress с его множеством плагинов. Из популярных мне нравится WebP Express — простой и эффективный плагин. Однако большинство плагинов для конвертации изображений в WebP на WordPress сталкиваются с проблемой: на обычных хостингах, где для статики используется связка Apache+Nginx, правила для обработки статических файлов не работают через .htaccess, что необходимо для работы таких плагинов
Решений немного. На стандартном шаред-хостинге доступ к настройкам Nginx нам никто не предоставит, но:
- На хостинге Beget можно написать в поддержку с просьбой обрабатывать файлы PNG, JPG, GIF через Apache.
- На хостинге SprintHost можно назначить папке с изображениями права 750, чтобы файлы обрабатывались через Apache — забавно, но это работает.
- Самый удачный вариант — если ваш хостинг использует панель ISPmanager, как, например, у моего любимого REG.RU.
Чуть подробнее про ISPmanager
Здесь не нужно никого просить или возиться с правами на папки. Достаточно зайти в настройки сайта и убрать расширения файлов для кэширования, в нашем случае — изображения. После этого удалённые форматы будут обрабатываться через Apache.
Пошагово: заходим в настройки сайта, удаляем нужные форматы (в нашем случае jpg, png, gif, jpeg) и сохраняем изменения.
После чего можете использовать популярные плагины для работы с webp
Не работает webp на wordrepss — поможет WebP Express
С указанными выше настройками вы сможете легко использовать этот плагин. Но что делать, если ваш хостер отказывает в корректировке настроек, а панель управления хостингом не позволяет самостоятельно внести изменения для обработки статических файлов (например, изображений) через Apache?
В таком случае на помощь приходит плагин WebP Express с его опцией Alter HTML. Эта настройка позволяет плагину перехватывать все изображения через фильтры WordPress и автоматически заменять их на заранее сгенерированные WebP-версии. При этом не требуется доступ к настройкам .htaccess. Поэтому я считаю WebP Express наиболее удачным плагином для WordPress
Пример настройки плагина
Да, не забываем включить опцию Convert on upload — конвертировать при загрузке, а так же выполнить Bulk convert — массовую конвертацию картинок в webp
В следующей статье я расскажу, как исключить некоторые размеры картинок при массовой конвертации (Bulk convert)