Как оптимизировать wordpress под требования google page speed?

Ссылка скопирована
1 ответ

Уважаемые знатоки, всех с наступающим!
Пытаюсь разобраться с оптимизацией сайта под требования Google pageSpeed.
Ну и столкнулся с самой непонятной для меня задачей и непонятным для меня плагином, а именно google пишет:

"Чтобы автоматически конвертировать загруженные изображения из формата JPEG в WebP (если это поддерживается), используйте плагин Performance Lab."

Я установил этот плагин, настроек там особых нет, проверил, с очищеным кэшом, и в итоге ни каких изменений.
А именно изображения как загружались png или jpeg так и загружаются.
Требование Гугла как висело так и весит.
В чем смысл этого плагина, если по факту толку нет?
И как правильно оптимизировать изображения, что бы гугл не ругался?

Дополнительно:

Забей. Достаточно нормально научиться оптимизировать jpg.
И отличай критические замечания гугла, от ничего не значащих рекомендаций.

Ответы:

Плагинов для этого чертова дюжина. Гугл вам один из них посоветовал. Попробуйте этот EWWW Image Optimizer.

А еще лучше, если найдете конвертацию в .avif изображений. Гугл будет в экстазе.

Проблема плагинов что они не все изображения вашей темы могут сконвертировать. Ваша тема может иметь некоторые блоки которые они не подхватывают (очень часто так происходит). Если таких изображений немного (например, слайдер на Главной или изображение в футере, логотип сайта), то лучше их руками сконвертировать.

Надо смотреть, как сайт сделан, jpg/png в webp переделать бывает неплохо, webp картинки легче, настроить правильный lazy load, картинки иконки в svg, может даже инлайном. А так ускорение сайта комплексный вопрос
Можете мне написать в телеге - ник такой же. Могу глянуть

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Елена Вебер Ответ

Оптимизация WordPress под PageSpeed — это не один плагин и не только конвертация JPEG в WebP. PageSpeed ругается на конкретные проблемы: размер изображений, lazy load, лишний CSS/JS, медленный серверный ответ, шрифты, слайдеры и сторонние скрипты. Поэтому сначала нужно смотреть отчёт, а не ставить всё подряд.

По изображениям правильная схема такая:

  • загружать картинки в нужном размере, а не 4000px для блока 600px;
  • создавать WebP/AVIF-версии;
  • оставлять fallback JPEG/PNG;
  • не лениво грузить первое hero-изображение;
  • добавлять width/height, чтобы не было CLS;
  • не грузить слайдер на страницах, где он не нужен.

Для автоматической конвертации можно использовать ShortPixel, EWWW Image Optimizer, Imagify, Converter for Media. Но выбирайте один инструмент, а не несколько сразу. После включения WebP проверьте, что сервер реально отдаёт WebP, а не только создаёт файлы.

С SVG-иконками важно другое: если у Вас много мелких PNG-иконок, их можно заменить SVG или inline SVG. Но если SVG тяжёлый, с мусором из редактора, он тоже может вредить. Оптимизируйте SVG через SVGO и не вставляйте огромные декоративные картинки как inline-код в каждую страницу.

Минимальный рабочий набор для PageSpeed на WordPress:

  • кэш страниц: WP Rocket, LiteSpeed Cache или аналог под сервер;
  • оптимизация изображений;
  • отложенная загрузка JS, кроме критичных скриптов;
  • удаление неиспользуемого CSS точечно;
  • локальное хранение шрифтов и preload нужных начертаний;
  • проверка TTFB и PHP/MySQL.

Не гонитесь за 100/100. Для бизнеса важнее стабильная загрузка, рабочие формы, корзина, меню и нормальная мобильная версия. Агрессивное отключение JS может красиво поднять score и одновременно сломать слайдер, формы, фильтры или checkout.

Если PageSpeed пишет “Serve images in next-gen formats”, начните с WebP. Если пишет “Properly size images”, WebP не спасёт — нужно генерировать и выводить правильные размеры через srcset. Если пишет “Reduce unused JavaScript”, проблема не в картинках, а в теме, конструкторах и плагинах.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

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

Вам также может быть интересно