Верные решения
появляются в процессе

Оптимизация сайта на WordPress для Google PageSpeed

Скорость загрузки сайта - это один из факторов ранжирования поисковых систем. И чем быстрее загружается сайт - тем лучше. Проверить, насколько быстр ваш сайт, можно с помощью сервиса Google PageSpeed Insights. Хорошая скорость загрузки - если сайт находится в зеленой зоне.

Как улучшить показатели скорости загрузки сайта в Google PageSpeed

Ошибка "Отложите загрузку скрытых изображений"

Чтобы уменьшить время до начала взаимодействия с сайтом, Google рекомендует использовать принцип lazy loading для скрытых изображений, то есть загружать их не сразу, а по мере прокрутки страницы.  Установите плагин Lazy Load Optomizer, который добавляет ленивую загрузку изображений для миниатюр и стандартных галерей WordPress, а также для изображений товаров и категорий товаров WooCommerce.

Ошибка - "Задайте правила эффективного использования кеша для статических объектов"

Часто возникает ошибка "Задайте правила эффективного использования кеша для статических объектов". Для исправления этой ошибки нужно вставить следующий код в файл .htaccess (находится в корневой директории WordPress, еще к нему можно получить доступ с помощью плагина Yoast SEO):

# BEGIN EXPIRES 
<IfModule mod_expires.c>
ExpiresActive On 
ExpiresDefault "access plus 6 month"
ExpiresByType text/css "access plus 6 month" 
ExpiresByType text/plain "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year" 
ExpiresByType image/jpeg "access plus 1 year" 
ExpiresByType application/x-javascript "access plus 6 month"
ExpiresByType application/javascript "access plus 6 month"
ExpiresByType application/x-icon "access plus 1 year" 
</IfModule>  
# END EXPIRES

 

Если у вас стоит Яндекс.Метрика, или Google Analytics - то исправить данную ошибку не получится. Но ничего страшного, так как данные сервисы не тормозят работу вашего сайта.

Ошибки - "Уменьшите размер кода CSS", "Уменьшите размер кода JavaScript"

Эти ошибки поможет исправить плагин Autoptimize. В настройках включаем:

  • Оптимизировать код HTML
  • Оптимизировать код JavaScript
  • Оптимизировать код CSS


Ошибка - "Устраните ресурсы, блокирующие отображение"

Решается с помощью плагина Autoptimize. Для этого нужно поставить галочку в пункте Встраивать все CSS:

Настройки плагина Autoptimize

Также эта проблема может возникнуть, если на сайте используются шрифты Google fonts. Подключать их нужно в footer.php в таком виде:

 

<link href="https://fonts.googleapis.com/css?family=Jim+Nightshade" rel="stylesheet">

 

Ошибка - "Настройте эффективную кодировку изображений"

Чтобы оптимизировать изображения, установите плагин WP Smush.  Этот плагин оптимизирует все изображения, загруженные в Медиа-библиотеку WordPress. Если есть изображения, загружаемые из директории темы, их придется оптимизировать вручную.

Ошибка "Сократите время ответа сервера (время до получения первого байта)"

Чаще всего с ней помогает бороться плагин WP Super Cashe. После установки необходимо в настройках плагина включить кеширование и включить опцию - "Сжимать файлы кэша чтобы ускорить работу":

Настройки Wp Super Cashe

Если это не помогает, стоит задуматься о смене хостинга на более качественный.


Обновлено: 06.12.2018

Вам помогла эта статья? Оцените!
(21 оценок, среднее: 4,10 из 5)
Загрузка...


Комментариев: 6

  • Здравствуйте. А я блин, от многого избавится не могу. Плагин Autoptimize не работает, как было куча скриптов, так и есть. Но вопрос в другом! Как мобильную версию оптимизировать? На десктопе 86% добился, а вот на мобильном 71% максимально. Может кто подскажет?

    • Плагин Autoptimize может не работать из-за неправильной конфигурации хостинга, или устаревшей версии PHP. Попробуйте поставить версию PHP 7.0

  • Пытаюсь добиться для вот этого интернет магазина https://grattol-official.kz , может кто подскажет как сделать? Честно говоря уже устал искать инфу. Все что в инете советуют перепробовал, ну большенство. 

  • Спасибо, теперь сервис PageSpeed Insights перестал ругаться красными воцклицательными знаками. Использовал подсказку по добавлению правил в .htaccess

Добавить комментарий

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