Google рекомендует преобразовать изображения из PNG, JPEG в форматы WebP, поэтому обслуживают изображения в форматах следующего поколения, предложенные в Google Page Speed Insights. Если вы не знаете, как решить эту проблему на своем веб -сайте WordPress, оставайтесь здесь. Я немного расскажу о подаче изображений в форматах следующего поколения.
Оглавление
* [What is Webp]
* [Use webp plugin]
* [Convert images to webp by using free tools]
* [ShortPixe]
* [Imagify]
* [Optimole]
WebP — это новейшие форматы поколения для таких изображений, как PNG, JPEG Images. Google предпочитает меньший размер изображений, которые вы должны использовать на своих веб -страницах. Чтобы обслуживать ваши изображения в форматах WebP, вам просто нужно использовать бесплатные инструменты, которые мы собираемся охватить позже.
Изображения WebP на 26% меньше по сравнению с файлами JPEG и PNG. С другой стороны, вы можете получить высококачественные изображения в формат WebP, не теряя качества. Это приведет как к более высокой скорости, так и к лучшим отчетам PSI.
Средний размер файла WebP по сравнению с JPEG и PNG. Источник IMG здесь является примером изображений как WebP, так и файлов JPEG, и вы можете видеть, что нет никакой разницы, однако файл WebP почти на 10% меньше, чем JPEG.
Использование стороннего плагина Webp сэкономит вам некоторое время и увеличит время загрузки страницы, сделав копию ваших исходных изображений и сделав размер файла меньше.
Если вы доведете эту ошибку до отчета Google Page Speed Insights:
Подавайте изображения в форматах следующего поколения, тогда вам просто нужно использовать некоторые из этих бесплатных инструментов WordPress, которые я перечислил ниже.
1.shortpixel (бесплатно/оплачен) 2. Имейрировать (бесплатно/оплачен) 3.Optimole (бесплатно) 4. Ewww Оптимизатор изображения (бесплатно/оплачен) 5. wpsmush (Бесплатно/оплачен)
Тот, который я рекомендую для вас, это Webp Converter для Media. Этот плагин очень быстрый, легкий и менее раздутый, чем другие. Разработчик хорошо опытен, и он по -своему закодировал плагин.
Поверьте мне после активации этого плагина, проблема была полностью решена в Google Page Speed Insights. Я покажу вам, как вы можете сделать то же самое.
Перейдите к WordPress Dashboard и добавьте новый плагин.
Webp Converter для медиа -оптимизации ваших изображений
После установки и активации плагина вам нужно перейти на настройку этого плагина. Теперь, если ваш сервер/веб -хост разрешает файлы htaccess, то это нормально, если нет, то вам нужно выбрать второй вариант, чтобы продолжить процесс преобразования.
Но с помощью метода HTACCESS Files рекомендуется по умолчанию в этом плагине. В конце концов, перейдите внизу настройки и нажмите «Регенерируйте все изображения».
Вы также можете выбрать качество ваших изображений, но, Я предпочитаю выбирать 85%, потому что он идеально подходит для высококачественных изображений, поэтому вы никогда не потеряете качество своих изображений.
Force преобразование всех изображений из JPEG в WebP Этот плагин создаст копии ваших оригинальных изображений и обслуживает их в форматах следующего поколения. Теперь позвольте мне показать вам, как я быстро решил эту проблему в Google Page Speed Insights.
Чтобы преобразовать ваши изображения из JPEG в файлы WebP, установите WebP Converter для Media.
Подавать изображения в форматах следующего поколения
Если вы ненавидите установку сторонних плагинов. Тогда есть несколько бесплатных инструментов, которые вы можете использовать для обслуживания ваших изображений в форматах NextGen. Одним из моих любимых является CloudConvert’s Webp Converter, также популярный выбор.
Преобразование изображений в форматы следующего поколения с CloudConvert WebP Converter
Для получения дополнительной скорости WP
ShortPixel — это отличный плагин, и он имеет более 300 000+ активных установок. Плагин позволяет оптимизировать ваши изображения и помочь вам быстрее сделать ваш сайт, загружая ваши изображения.
Вы можете проверить эту опцию, если вы хотите, чтобы ShortPixel обслуживал ваши изображения в форматах следующего поколения.
Imagify снова, безусловно, лучший плагин но это ограничено. Если на вашем сайте есть тонны изображений, вы должны купить дополнительный кредит у Imagify. В противном случае я рекомендую вам оставаться с Webp Converter для Media.
Imagify имеет более 500 000+ активных установок в WordPress.
Imvicify Plagin Optimization для WordPress для WordPress
Вы можете заменить любой плагин с оптимизацией изображения на оптималь после установки Optimole. Вы должны получить ключ API для его активации. После этого все изображения будут сжаты и преобразованы в WebP или обслуживают масштабированные из CloudFront CDN.
По всему этому плагину более 5 стартов, так что вы можете прочитать больше обзоров. Я не комментирую этот плагин, потому что я лично не использовал его какое -то время.
Все правильное завершение этого учебника было посвящено оптимизации изображений и обслуживанию изображений в форматах следующего поколения, что ясно означает, что он может улучшить время загрузки вашей веб -страницы, если вы следуете этому руководству шаг за шагом. И Google любят быстрые сайты. Если у вас есть какие -либо вопросы, связанные с безопасностью и производительности скорости, пожалуйста, дайте мне знать в поле для комментариев. Я буду рад услышать от вас, ребята.
Оригинал: «https://dev.to/wpsyed/how-to-serve-images-into-next-gen-formats-p9f»