В одном из постов писал, что начал работу над собственным сайтом gamesnews.su
Почитать можно тут.
Постепенно провожу оптимизацию и ускорение загрузки, этот фактор влияет на ранжирование сайта в поиске. Производя замеры скорости загрузки на PageSpeed Insights, удалось понять, что нужно использовать более сжатые форматы изображений - WebP.
Эту технологию также использует наш любимый Дзен - мы добавляем в статью картинку в формате JPEG, PNG, после публикации картинка уже автоматически переходит в WebP.
В некоторых случаях изображения составляют половину всего контента блога. Поэтому использования современного формата даст прирост скорости в 20-25%.
Я нашел сервисы которые в онлайн режиме перекодирую изображение в нужный формат - таким образом я сменил заголовок и фон сайта. Естественно у меня возник вопрос - а как все это делать автоматически, при добавлении новых статей?
Как использовать WebP изображения на сайте WordPress
Я люблю вордпресс за свою гибкость и наличие большого количество плагинов, которые облегчают работу без особых знаний программирования.
Вместо прямой загрузки изображений WebP в WordPress вы можете использовать простой плагин, который преобразует ваши исходные изображения в формат WebP, а также предложит исходную картинку в качестве запасного варианта, если браузер посетителя не поддерживает WebP.
Я лично использую ShortPixel
ShortPixel – популярный плагин для оптимизации изображений в WordPress, который поможет вам автоматически изменять размер изображений и сжимать их.
В рамках списка функций ShortPixel также поможет вам автоматически конвертировать изображения в WebP и передавать их в те браузеры, которые их поддерживают.
ShortPixel имеет лимитированный бесплатный тариф, который позволяет бесплатно оптимизировать ~ 100 изображений в месяц. Платные тарифы начинаются с $4.99 в месяц за 5000 изображений/кредитов или $9.99 разово за пакет из 10000 кредитов.
Чтобы включить изображения WebP, перейдите на вкладку Advanced:
- Установите флажок напротив WebP Images
- Установите флажок напротив Deliver the WebP versions (появится после того, как вы поставите первый флажок).
- Включите «Using the PICTURE tag syntax».
- Задайте пункт «Only via WordPress hooks selection» (ставится по умолчанию).
Если возникнут вопросы, готов ответить на них в комментариях!