EN Повільний сайт втрачає відвідувачів ще до того, як вони побачать перший екран, а Google враховує швидкість серед сигналів ранжування. Добра новина: перевірити швидкість сайту можна безкоштовно за кілька хвилин. Складніше правильно прочитати результат. У статті розбираємо, якими інструментами перевіряти швидкість завантаження сайту, що означають показники Core Web Vitals і з чого починати, якщо сайт повільний.
Коротко: як перевірити швидкість сайту
- Відкрийте PageSpeed Insights (pagespeed.web.dev) і вставте адресу сторінки.
- Дивіться вкладку «Мобільні»: більшість відвідувачів приходить із телефона, і Google оцінює саме мобільну версію.
- Спершу читайте верхній блок з даними реальних користувачів (Core Web Vitals), а вже потім бал від 0 до 100.
- Перевірте не лише головну, а й сторінку послуги, категорію і товар: вони часто повільніші.
- Відкрийте в Google Search Console звіт «Основні веб-показники», щоб побачити, скільки сторінок сайту мають проблеми.
Чим перевірити швидкість завантаження сайту
PageSpeed Insights
Головний інструмент від Google. Він показує два типи даних. Дані реальних користувачів Google збирає з браузерів Chrome за останні 28 днів; вони з’являються, якщо на сторінку заходить достатньо людей. Лабораторні дані — це одноразовий тест Lighthouse на умовному телефоні з повільним інтернетом, з нього й береться бал від 0 до 100.
Для позицій у Google важать саме дані реальних користувачів. Бал корисний як підказка, що виправляти, але гнатися за 100 не потрібно.
Google Search Console
Звіт «Основні веб-показники» показує стан усього сайту: скільки адрес мають статус «Добре», «Потребує покращення» і «Погано», окремо для мобільних і комп’ютерів. Сторінки зі схожою проблемою Google групує, тому видно, який шаблон сайту гальмує: наприклад, усі картки товарів.
Chrome DevTools
У Chrome натисніть F12 і відкрийте вкладку Lighthouse, щоб запустити той самий тест локально. На вкладці Network видно, які файли завантажуються найдовше і скільки важить сторінка. Це інструмент для розробника, але навіть без досвіду в ньому легко знайти зображення на кілька мегабайтів.
GTmetrix і WebPageTest
Сервіси з детальною діаграмою завантаження: у якому порядку йдуть файли і що блокує показ сторінки. Корисні, щоб порівняти швидкість до і після змін. Перевіряйте з найближчого до ваших клієнтів сервера: для України це Європа.
Core Web Vitals: що це і які значення вважаються добрими
Core Web Vitals — три показники, якими Google оцінює швидкість і зручність сторінки. Сторінка проходить оцінку, коли всі три показники «добрі» щонайменше для 75% відвідувань.
| Показник | Добре | Погано |
|---|---|---|
| LCP — поява головного елемента | до 2,5 с | понад 4 с |
| INP — реакція на дії | до 200 мс | понад 500 мс |
| CLS — «стрибки» вмісту | до 0,1 | понад 0,25 |
LCP показує, коли з’являється найбільший елемент першого екрана: фото, банер чи заголовок. INP — як швидко сторінка реагує на натискання й введення. CLS — чи зсувається вміст під час завантаження.
Ще один показник, на який варто дивитися, — TTFB, час до першого байта. Він показує, як швидко відповідає сервер. Якщо TTFB понад 0,8 с, проблема не в зображеннях, а в хостингу, кеші чи важкій логіці сайту.
Як прочитати результат перевірки
- Високий бал, але оцінку Core Web Vitals не пройдено. Лабораторний тест пройшов на «чистій» сторінці, а реальним людям заважають чат, пікселі реклами чи повільний інтернет. Орієнтуйтеся на дані користувачів.
- Поганий LCP. Найчастіше винне важке головне зображення чи відео першого екрана, повільний сервер або шрифти, що вантажаться з інших сайтів.
- Поганий INP. Сторінку перевантажує JavaScript: конструктор сторінок, слайдери, віджети, скрипти аналітики.
- Поганий CLS. У зображень і рекламних блоків не задано розмір, або банер чи вікно про cookies з’являється поверх уже показаного тексту.
- Даних реальних користувачів немає. На сторінку заходить замало людей. Дивіться лабораторні дані й звіт по схожих сторінках у Search Console.
Що найчастіше сповільнює сайт
На сайтах, які ми перевіряємо, причини повторюються:
- зображення в JPG чи PNG на кілька мегабайтів замість WebP потрібного розміру;
- конструктор сторінок і десятки плагінів, кожен з яких додає свої скрипти й стилі на всі сторінки;
- сторонні сервіси, що вантажаться одразу: онлайн-чат, пікселі, карти, відео, капча;
- шрифти з чужих серверів і зайві накреслення;
- відсутній кеш сторінок або дешевий хостинг з повільною відповіддю сервера.
Кілька прийомів ми перевірили на власному сайті: reCAPTCHA тепер вантажиться лише тоді, коли людина відкриває форму, шрифти лежать на нашому сервері, а логотипи клієнтів стали легшими майже на 1 МБ.
Що робити, якщо сайт повільний
Почніть із найпростішого: стисніть і переведіть у WebP зображення першого екрана, вимкніть плагіни, якими не користуєтесь, увімкніть кеш. Після кожної зміни перевіряйте сторінку знову, щоб бачити, що дало результат.
Якщо цього мало, потрібна робота в коді теми: відкладене завантаження скриптів, прибирання невикористаних стилів, налаштування сервера. Ми робимо це в межах послуги прискорення сайту: міряємо швидкість на телефоні до і після й показуємо, що змінилося. Щоб швидкість не просідала з кожним новим плагіном, її можна тримати під контролем у межах технічної підтримки сайту.
Більше про оптимізацію саме WordPress — у статті Оптимізація сайту на WordPress для Google PageSpeed.
Часті питання
Яка швидкість завантаження сайту вважається нормальною?
Головний елемент першого екрана має з’являтися до 2,5 секунди на телефоні, а сторінка — відповідати на натискання до 200 мілісекунд. Це межі «доброго» результату за Core Web Vitals.
Чому PageSpeed щоразу показує різний бал?
Лабораторний тест залежить від навантаження на сервер у момент перевірки, реклами й сторонніх скриптів. Різниця в 5–10 балів між запусками — нормально. Запускайте тест кілька разів і порівнюйте середнє.
Чи впливає швидкість сайту на SEO?
Так, Core Web Vitals входять до сигналів, які враховує Google, але вміст сторінки важить більше. Сильніше швидкість впливає на людей: з повільного сайту частіше йдуть і рідше залишають заявку.
