WebP Express — плагин для использования формата изображений WebP в WordPress

Описание

Почти 4 из 5 мобильных пользователей используют браузер, который может отображать изображения в Интернете. Тем не менее, на большинстве веб-сайтов им предоставляются изображения в формате JPEG, которые, как правило, в два раза превышают размер изображений в Интернете при заданном качестве. Этот плагин был создан, чтобы помочь исправить эту ситуацию. С небольшими усилиями администраторы WordPress могут размещать на своих сайтах автоматически генерируемые изображения webp в браузерах, которые его поддерживают, и при этом отправлять файлы jpeg и png в браузеры, которые не поддерживают webp.

Конвертер WebP изображений

Плагин использует библиотеку WebP Convert для преобразования изображений в webp. WebP Convert может конвертировать изображения несколькими способами. Есть в локальные методы преобразования: imagickcwebpvipsgd. Если на вашем хостинге ничего из этого не работает, есть облачные альтернативы: ewww(платные) или подключение к сайту WordPress, где вы установили WebP Express и включили функцию «веб-службы».

WebP в браузерах, которые его не поддерживают

Плагин поддерживает различные способы доставки веб-страниц в браузеры, которые его поддерживают:

  1. Направляя изображения jpeg / png на соответствующий веб-сайт — или в конвертер изображений, если изображение еще не было конвертировано.
  2. Изменяя HTML, заменяя теги изображений тегами изображений . Отсутствующие веб-страницы генерируются автоматически при посещении.
  3. Изменяя HTML, заменяя URL-адреса изображений, чтобы все указывало на webp. Замены только для браузеров, поддерживающих webp. Опять же, отсутствующие веб-страницы автоматически создаются при посещении.
  4. В сочетании с Cache Enabler может быть достигнуто то же, что и выше, но с кэшированием страниц.
  5. Вы также можете доставить webp во все браузеры и добавить javascript webpjs , который обеспечивает поддержку webp для браузеров, которые изначально не поддерживают webp. 

Плагин реализует решение «WebP On Demand» и основывается на наборе библиотек с открытым исходным кодом: 
— WebPConvert : для преобразования изображений в webp 
— WebP Convert Cloud Service : для функциональности веб-службы 
— DOM Util для WebP : для функциональности Alter HTML 
— Image MimeType Guesser : для обнаружения изображений MIME-типов.

Преимущества

  • Гораздо быстрее время загрузки изображений в браузерах, поддерживающих webp. Преобразованные изображения обычно имеют размер менее половины (для JPEG) при сохранении того же качества. Имейте в виду, что для большинства веб-сайтов изображения отвечают за большую часть времени ожидания.
  • Лучшее взаимодействие с пользователем (независимо от того, идет ли производительность от ужасного к плохому или от хорошего к впечатляющему, это преимущество)
  • Лучший рейтинг в поиске Google (эффективность учитывается Google)
  • Меньшее потребление пропускной способности — имеет огромное значение в тех частях мира, где интернет медленный и дорогой (~ 80% населения мира живет в этих условиях).
  • В настоящее время ~ 83% всего трафика и ~ 80% трафика с мобильных устройств выполняются браузерами, поддерживающими webp.
Как убедиться, что плагин WebP Express работает?

Если у вас установлен конвертер, который работает, когда вы нажимаете кнопку «test», вы готовы протестировать весь стек и правила перезаписи. 
Чтобы сделать это, сначала убедитесь , 
что выбрали что — то, кроме «Не конвертировать любые изображения!» В 
типах изображений для конвертирования. Далее нажмите «Сохранить настройки». Это сохранит настройки, а также обновит .htaccess .
Если вы работаете в браузере, который поддерживает webp (например, Google Chrome), после успешного сохранения вы увидите ссылку «Преобразовать тестовое изображение (показать отладку)». Нажмите, чтобы проверить, работает ли он. 
На экране должен отображаться текстовый отчет о процессе конвертации. 
Если он показывает изображение, это означает, что перенаправление .htaccess не работает. Возможно, вашему серверу просто нужно время. Некоторые серверы настроили кеширование. Также может быть, что ваши изображения обрабатываются nginx. Обратите внимание, что плагин не меняет HTML (если вы не включили опцию Alter HTML ). 
В HTML-коде изображение src по-прежнему установлено, например, «example.jpg». 
Чтобы убедиться, что плагин работает (без нажатия кнопки «Тест»), выполните следующие действия:
-Откройте страницу в Google Chrome
-Щелкните правой кнопкой мыши на странице и выберите «Проверить».
-Нажмите вкладку «Сеть»
-Перезагрузить страницу
-Найдите изображение в формате JPEG или PNG в списке. 
В столбце «type» должно быть написано «webp»
Чтобы проверить, что изображение не преобразуется каждый раз, посмотрите на заголовки ответа изображения. Должен быть заголовок «X-WebP-Convert-Status». 
Должно быть написано «Обслуживание только что преобразованного изображения» в первый раз, но «Обслуживание существующего преобразованного изображения» при последующих запросах (WebP-Express основан на 
WebP Convert ). Вы также можете добавить 
?debugпосле любого URL изображения, чтобы запустить преобразование и увидеть отчет о преобразовании. Кроме того, если вы добавите 
?reconvertпосле URL- адреса изображения, вы будете вынуждены реконверсии изображения.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Scroll to top