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

  1. Помилка "Відкладіть завантаження прихованих зображень"
  2. Помилка - "Задайте правила ефективного використання кеша для статичних об'єктів"
  3. Помилки - "Зменшіть розмір коду CSS", "Зменшіть розмір коду JavaScript", "Скоротіть глибину вкладеності...
  4. Помилка - "Налаштуйте ефективну систему кодування зображень"
  5. Помилка "Скоротіть час відповіді сервера (час до отримання першого байта)"
  6. Помилка "Увімкніть стиснення тексту"
  7. додатково

Швидкість завантаження сайту - це один з факторів ранжирування пошукових систем

Швидкість завантаження сайту - це один з факторів ранжирування пошукових систем. І чим швидше завантажується сайт - тим краще.

Перевірити, наскільки швидкий ваш сайт, можна за допомогою сервісу Google PageSpeed ​​Insights .

Хороша швидкість завантаження - якщо сайт знаходиться в зеленій зоні.

Помилка "Відкладіть завантаження прихованих зображень"

Щоб зменшити час до початку взаємодії з сайтом, Google рекомендує використовувати принцип lazy loading для прихованих зображень, тобто завантажувати їх не відразу, а в міру пересування між об'єктами.

встановіть плагін Lazy Load Optimizer , Який додає ледачу завантаження для зображень 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 6 month" ExpiresByType image / gif "access plus 6 month" ExpiresByType image / png "access plus 6 month" ExpiresByType image / jpeg "access plus 6 month" ExpiresByType application / x-javascript "access plus 6 month" ExpiresByType application / javascript "access plus 6 month" ExpiresByType application / x-icon "access plus 6 month "</ IfModule> # END EXPIRES

Якщо у вас стоїть Яндекс.Метрика, або Google Analytics - то виправити цю помилку не вийде. Але нічого страшного, так як дані сервіси не гальмують роботу вашого сайту.

Помилки - "Зменшіть розмір коду CSS", "Зменшіть розмір коду JavaScript", "Скоротіть глибину вкладеності критичних запитів", "Усуньте ресурси, які блокують відображення"

Ці помилки допоможе виправити плагін Autoptimize . В налаштуваннях включаємо:

  • Оптимізувати код HTML
  • Оптимізувати код JavaScript
  • Оптимізувати код CSS

Для виправлення про шибки "Усуньте ресурси, які блокують відображення" потрібно поставити галочку в пункті Вбудовувати все CSS:

Таким чином весь css вбудується в початок сторінки. Що стосується js - плагін збирає все js-файли в один файл, і завантажує його в кінці документа. Тобто js більше не буде заважати завантаженні сайту, що прискорить відображення сторінки для користувача.

Помилка "Скоротіть глибину вкладеності критичних запитів" може виникнути, якщо на сайті використовуються шрифти Google fonts. Перейдіть на вкладку "Додатково" даного плагіна. Там потрібно встановити налаштування для Гугл шрифтів - Combine and preload in head (fonts load late, but are not render-blocking).

Помилка - "Налаштуйте ефективну систему кодування зображень"

Щоб оптимізувати зображення, встановіть плагін WP Smush . Цей плагін оптимізує всі зображення, завантажені в Медіа-бібліотеку WordPress.

Якщо є зображення, що завантажуються з директорії теми, їх доведеться оптимізувати вручну.

Хороший сайт, на якому можна оптимізувати картинки онлайн - https://tinypng.com/

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

Найчастіше з нею допомагає боротися плагін WP Super Cashe . Після установки необхідно в налаштуваннях плагіна включити кешування і включити опцію - "Стискати файли кешу щоб прискорити роботу":

Якщо це не допомагає, варто задуматися про зміну хостингу на більш якісний.

Помилка "Увімкніть стиснення тексту"

Додайте в файл .htaccess:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text / html text / plain text / xml application / xml application / xhtml + xml text / css text / javascript application / javascript application / x-javascript </ ifModule>

додатково

Cніппет, який додасть асинхронну завантаження для скриптів, підключених через wp_enqueue_script ():

add_filter ( 'script_loader_tag', 'add_async_attribute', 10, 2); function add_async_attribute ($ tag, $ handle) {if (! is_admin ()) {if ( 'jquery-core' == $ handle) {return $ tag; } Return str_replace ( 'src', 'defer src', $ tag); } Else {return $ tag; }}