Пропустить

Как предложить изображения WebP вместо традиционных PNG и JPG

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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, вы найдете новый пункт меню на Media - Optimole .

Ваш ключ Optimole API

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

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

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

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

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

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

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

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

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

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

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

пак

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

Эта статья содержит комментарии 0

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
5 акции
доля5
чирикать
Регистрация