Чому не потрібно турбуватися про показник Google PageSpeed ​​Insights

1. Page speed vs PageSpeed ​​Insights
2. Вичавлювати максимум індикатора - марна трата часу
3. JavaScript і CSS, який блокує відображення верхньої частини сторінки
4. 1. Видалити JavaScript, який блокує рендеринг
5. 2. Оптимізація CSS-коду
6. Так в чому ж користь Google PageSpeed?

Як власник сайту ви знаєте, що він повинен бути швидким. І ви вже читали різні статті про те, як прискорити свій сайт, можливо вже навіть щось впровадили. Далі стає цікаво, наскільки ж швидко завантажується сайт. Тут ви йдете в Google PageSpeed ​​Insights , Як найпопулярніший інструмент, отримуєте оцінку і список рекомендацій від гугла. І тут більшість з нас втрачається:

• Чи важливий показник PageSpeed ​​Insights для SEO?
• Чому оцінка мого сайту не максимальна?
• Що означають всі ці рекомендації?

Раніше ви включили на сайті кешування і очікували, що оцінка PageSpeed ​​буде майже ідеальна, а тепер думаєте, чому цей доданок не пофиксил всіх проблем зі швидкістю? Може він не дуже хороший? Коротка відповідь в тому, що:

Показник Google PageSpeed не має значення.

Так, це так ... але чому він не має значення?

Page speed vs PageSpeed ​​Insights

Швидкість (час завантаження сайту) має значення і є важливою метрикою в SEO, а також впливає на призначений для користувача досвід. Коли гуглбот індексує сайт, він не бачить показник PageSpeed, а тільки знає саму швидкість. Чи знаєте ви, що Google PageSpeed ​​Insights виміряти швидкість вашого сайту? Так, прочитайте це ще раз:

Google PageSpeed Insights виміряти швидкість сайту.

для вимірювання швидкості завантаження ви можете використовувати GTMetrix або Pingdom Tools.

Згадайте заняття в школі. Чи говорили хороші оцінки про те, наскільки учень розумний? Не обов'язково. Вони лише означають, що ви знаєте, як проходити тести. Але більшість розумних людей не ладнають з тестами. Те ж саме з Google PageSpeed ​​Insights, ця оцінка не показник швидкості завантаження сайту.

Ось, наприклад, кілька сайтів з приблизно однаковою швидкістю завантаження, але абсолютно різними показниками PageSpeed:

Швидкість завантаження тут змінювалася від 5.5 сек до 5.7 сек, а показник PageSpeed ​​Insights від 47 до 81. Нижче приклад ще одного сайту, що має низький показник PageSpeed, але при цьому, в 1.5 рази швидше тих сайтів, що згадані вище.

З цих прикладів видно, що Google PageSpeed ​​зовсім індикатор швидкості. Гнатися за цим показником не варто.

Вичавлювати максимум індикатора - марна трата часу

Якщо ви спробуєте отримати ідеальний PageSpeed, впроваджуючи всі рекомендації Google, ви швидко втратите ентузіазм. Не можна виконати всі рекомендації Google PageSpeed, так як їх впровадження часто неможливо. Наприклад, гугл запропонує мінімізувати або додати кешируєтся заголовків до скриптів, які хостятся нема на вашому сайті. Впровадити це неможливо.

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

JavaScript і CSS, який блокує відображення верхньої частини сторінки

Часта рекомендація в PageSpeed ​​Insights - видалити код JavaScript і CSS, який блокує відображення верхньої частини сторінки. Давайте розглянемо детальніше.

1. Видалити JavaScript, який блокує рендеринг

Краще звичайно, коли JavaScript завантажується в футере або ж асинхронно, щоб не блокувати рендеринг і не сповільнювати відображення сторінки. Але іноді нереально все довантажити в футере, особливо якщо ви не розробник або використовуєте готову WordPress-тему. Якщо просто перенести весь код зверху вниз, то можна зламати якийсь функціонал сайту.

2. Оптимізація CSS-коду

Якщо завантажувати CSS-стилі внизу документа, то сторінка якийсь час відображається без стилів взагалі, і буде виглядати поламаної, може зіпсувати призначений для користувача досвід. Тут Google має на увазі, що ми можемо розділити CSS на дві частини, і найважливіше (стилі для елементів першого екрану) довантажувати зверху, решта в футере. Якщо ви розробник або у вас є верстальник під рукою, то це можна впровадити, але на швидкість завантаження така тактика, практично, не вплине, а лише трохи збільшить швидкість відображення першого екрану і оцінку PageSpeed.

Такий тип тюнінгу використовують сайти на кшталт Амазону, де кожні 10мс можуть впливати на підсумкову суму. Для більшості малих сайтів це навряд чи на щось вплине.

Так в чому ж користь Google PageSpeed?

Google PageSpeed ​​корисний, якщо його не використовувати з пристрастю. Цей інструмент вкаже вам на проблемні зони, на що варто звернути увагу. Наприклад, можна дізнатися, що деякий контент на сайті не використовує gzip-стиснення, або що є купа великих зображень, які можна стиснути. Але основною метою має бути покращення швидкості сайту, а не показника PageSpeed.

Стаття написана за матеріалами wp-rocket .