Google находится на вершине пищевой цепи в Интернете. Общество влияет (или диктует) многое из того, что происходит в Интернете. И их новый формат изображений WebP продолжает эту тенденцию. Поскольку скорость загрузки страницы становится все более важной (в основном из-за Google Page Rank), разработчики и дизайнеры рассматривают сжатие изображений как самый простой способ сократить время загрузки. Изображения Google WebP примерно на 30% меньше обычных изображений JPG или PNG и сохраняют такое же качество. Лучше всего то, что вам не нужно беспокоиться о ручном преобразовании изображений в WebP.

В этой статье мы покажем вам, как использовать этот новый формат изображения в WordPress, хотя он еще не поддерживается по умолчанию.

Используйте Optimole для обслуживания файлов WebP на WordPress

WebP как формат изображений по умолчанию не поддерживается в WordPress. Вы можете загрузить изображение .webp, но, как и в случае с файлом SVG, вы можете получать сообщения об ошибках. И снова, что касается использования SVG файлы с WordPress Есть простой обходной путь через плагин.

Среди протестированных сервисов WebP Optimole выделяется из толпы. Он действительно может работать с минимальной конфигурацией. Поэтому мы хотим объяснить вам, как настроить его и как можно проще сделать вашу установку WordPress совместимой с форматом WebP.

Во-первых, вы, очевидно, хотите скачать и установить сам плагин . Он находится в каталоге WP.org и совершенно бесплатен. Начиная с службы на основе API, которая его включает (до определенного момента). Хотя можно на лету конвертировать традиционные изображения в WebP с помощью PHP, не все веб-хосты предоставляют это разрешение вашему серверу. Если у вас есть это разрешение, вы также можете просмотреть плагин WebP Express. Вы получаете много контроля с этим , но это система, которая требует дополнительной настройки для бесперебойной работы.

После установки и активации Optimole на вашем Веб-сайт WordPress, вы найдете новый пункт меню на Медиа - Optimole .

Ваш ключ Optimole API

Прежде чем вы сможете получить доступ к настройкам или конфигурациям, у вас должна быть учетная запись Optimole. Если вы уже настроили его, вы можете нажать на кнопку У меня уже есть API-ключ . Если не, сохранить и отправить ключ API по электронной почте . Базовая учетная запись с ключом API бесплатна, и на этом уровне вы получаете около 5 обращений. Если вам нужно больше, есть доступные уровни цен.

Optimole определяет визит как любой, кто посетит ваш, если вы однажды [. . .] Каждый пользователь засчитывается только один раз. Неважно, что они делают на вашем сайте, сколько изображений загружают или сколько страниц посещают; это просто пользователь. Если они покидают ваш сайт и возвращаются в тот же день, они все равно остаются пользователем. 

Как только измеренные посещения исчерпаны, перестают обслуживаться только изображения WebP. Сами по себе ваши изображения - нет. Вы найдете ключ API на панели инструментов Optimole в самом верху.

Просто вставьте его в панель управления WordPress, и вы будете готовы начать распространение изображений WebP с помощью WordPress.

Ваши Optimole панели инструментов WordPress

В панели управления WordPress вы получаете основную информацию об оптимизации WebP. Это позволяет выявить неполадки и оценить успешность ускорения. Таким образом вы можете изменять различные настройки.

Сначала вы видите учетную запись, связанную с API, затем в нижней части экрана плагин показывает последние оптимизированные изображения. Вы можете увидеть, насколько меньше обслуживаемые изображения WebP, чем исходные изображения, которые вы загрузили в WordPress.

Тогда есть вкладка трудности это возможно наверху. Никому не нравится видеть выделенную вкладку, но нам всем нужно видеть, какие конфликты могут возникнуть.

Основная проблема, с которой мы столкнулись, - это другие плагины для сжатия и доставки изображений. Как вы можете видеть на изображении выше, плагин Jetpack работает аналогично Optimole. через фотон APIT , чтобы они могли удариться головой. Для нас это проявилось в том, что никакие изображения не передавались на посетитель. У нас не было проблем с другими сервисами сжатия, такими как TinyPNG или Smush.

Использование инструментальных панелей

Если вам нужна более подробная информация о том, как ваш сайт работает с WebP, внешняя панель инструментов Optimole содержит эту информацию для вас.

Вместо того, чтобы в 9,5 раз меньше, вы можете увидеть фактический размер обслуживаемых файлов. А также сами файлы за 30 дней.

Вы также можете установить водяные знаки на панели управления Optimole (или WP), чтобы любой, кто получает WebP с вашего сайта WordPress, автоматически получал ваш логотип. Это простой процесс, и вы получаете контроль над непрозрачностью, местоположением и многим другим.

Вы можете сделать то же самое с обеих панелей управления. Либо под вкладкой Параметры WordPress или посетив внешнюю панель инструментов Optimole. Все зависит от того, что вам наиболее удобно, а также от уровня данные то, что вам нужно в любой момент времени.

Кроме того, вы сможете контролировать уровень сжатия, отложенную загрузку и время / если определенные изображения передаются в потоковом режиме как WebP на основе имен файлов. Все это вы найдете во вкладке Параметры de Медиа - Optimole .

пак

Лучшее в использовании WebP с веб-сайтами WordPress - это то, что вам не нужно работать с файлами вручную. Никаких дополнительных загрузок, никакого дополнительного времени сжатия, ничего. Благодаря тому, как работают API, все процессы и расчеты выполняются на лету в реальном времени. Google действительно сделал Интернет быстрее, используя WebP, а не JPG или PNG. Однако главное преимущество заключается в том, что изображения сохраняют то же качество, даже если их размер значительно уменьшается. Возможно, вам будет интересно, что Google вынуждает вас использовать их формат для ускорения вашего сайта, чтобы он мог повысить ваш рейтинг и улучшить взаимодействие с конечным пользователем. И вот что в конце концов имеет значение.