Google находится на вершине интернет-иерархии. Компания оказывает влияние (или диктует) на многое из того, что происходит в сети. И их новый формат изображений, WebP, продолжает эту тенденцию. Поскольку скорость загрузки страниц становится все более важной (в основном из-за Google PageRank), разработчики и дизайнеры видят в сжатии изображений самый простой способ сократить время загрузки. Изображения WebP от Google примерно на 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 API

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

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 Медиа - Оптимоле .

пак

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