Что умеет
WebP Express создаёт WebP-версии ваших изображений и подставляет их там, где браузер умеет их показывать. WebP даёт заметно меньший вес при том же качестве, а страницы загружаются быстрее.
Конвертировать можно несколькими способами. Локальные: imagick, cwebp, vips, gd. Если ни один не доступен на хостинге, есть облачные варианты: платный сервис ewww или веб-сервис на другом сайте с этим же плагином.
Способы отдачи WebP:
- Перенаправление изображений на WebP или на конвертер, если копии ещё нет.
- Замена тегов
imgнаpicture. - Замена URL изображений в HTML для поддерживающих браузеров.
- Связка с Cache Enabler, если нужно полностраничное кэширование.
Установка и настройка
- Установите и активируйте плагин, затем откройте его настройки: пока вы их не сохраните, плагин ничего не делает.
- Убедитесь, что хотя бы один метод конвертации рядом отмечен зелёной галочкой.
- Выберите режим отдачи и область действия: загрузки, темы, плагины.
- Сохраните настройки: в нужных каталогах появятся правила
.htaccess. - Проверьте работу по инструкции в FAQ и, при желании, запустите массовую конвертацию.
Подводные камни
- Веб-сервер. Режимы на
.htaccessрассчитаны на Apache и совместимые серверы. Для Nginx правила нужно прописать самостоятельно или выбрать вариант с подменой HTML. - Кэш и CDN. CDN, который не учитывает заголовок
Accept, может отдать WebP браузеру без его поддержки или наоборот. Проверьте на реальных браузерах. - Другие оптимизаторы. Не включайте одновременно другой плагин с WebP (Converter for Media, EWWW, ShortPixel и т. д.): правила будут конфликтовать.
- Дисковое пространство. Копии WebP лежат рядом с оригиналами, место на хостинге увеличивается.
- Проверка. После изменений откройте сайт в браузере и посмотрите вкладку «Сеть» в инструментах разработчика.
Кому подойдёт
Владельцам сайтов на Apache, которые хотят перейти на WebP без платных сервисов. Если нужен комплексный оптимизатор, посмотрите Converter for Media, EWWW Image Optimizer или комбайн вроде LiteSpeed Cache.
