Як виміряти швидкість сайту й зрозуміти результат

«Здається, сайт повільний» — фраза, яку я чую регулярно, але відчуття тут не показник. Швидкість сайту можна й треба вимірювати конкретними цифрами, і зробити це можна безкоштовно за п’ять хвилин.

Чому взагалі варто перевіряти швидкість

Швидкість — не просто питання зручності. 53% людей закривають сайт, який вантажиться довше 3 секунд, а кожна додаткова секунда завантаження знижує конверсію приблизно на 7%. Тобто повільний сайт щодня втрачає вам клієнтів, навіть якщо дизайн і тексти чудові. Перш ніж щось покращувати, треба зрозуміти, наскільки все погано насправді — і тут на допомогу приходять безкоштовні інструменти від Google.

PageSpeed Insights: що це і як читати результат

PageSpeed Insights — найпростіший спосіб перевірити сайт. Вставляєте адресу сторінки, чекаєте кілька секунд і отримуєте оцінку від 0 до 100 окремо для мобільної версії й десктопу. Мобільна оцінка зазвичай нижча — і це нормально, бо телефони слабші за комп’ютери, а мобільний інтернет не завжди стабільний.

Крім загальної оцінки, звіт показує ключові метрики: час до появи головного елемента на екрані (LCP), затримку реакції на перший клік (INP) та стабільність верстки під час завантаження (CLS). Саме ці три показники Google використовує як сигнал якості сайту, зокрема й для ранжування в пошуку.

Lighthouse: та сама перевірка прямо в браузері

Lighthouse — це той самий двигун, що і в PageSpeed Insights, тільки вбудований у Chrome. Відкрийте сайт, натисніть F12, перейдіть на вкладку Lighthouse і запустіть аналіз. Перевага в тому, що можна перевірити сторінку локально, до публікації, або протестувати з різними умовами мережі — наприклад, на «повільному 4G», що ближче до реальності багатьох користувачів в Україні.

Lighthouse також оцінює доступність, дотримання найкращих практик і базове SEO — це зручно, коли хочеться отримати повну картину, а не лише швидкість.

Які цифри важливі, а які — ні

Оцінка від 90 до 100 вважається хорошою, 50–89 — середньою, нижче 50 — сайт потребує роботи. Але саму цифру варто сприймати як орієнтир, а не мету заради мети: важливіше дивитися на конкретні метрики й на те, що реально гальмує сторінку.

Найчастіші причини низької швидкості — це важкі, нестиснуті зображення, зайві скрипти сторонніх сервісів (лічильники, віджети чатів, реклама) і застарілі конструктори на кшталт важких версій WordPress, які підвантажують десятки файлів на кожен клік.

Показовий приклад — сайт клініки Ginekolog Lviv: після оптимізації вага сторінки впала з 10 МБ до 1 МБ, оцінка Lighthouse зросла з 67 до 90+, час до появи головного контенту (LCP) скоротився з 53 до 3 секунд, а показники SEO та найкращих практик досягли 100 зі 100. Це не виняток — типовий результат, коли беруться за оптимізацію системно, а не латають окремі місця.

Що робити з результатом

Отримали звіт з червоними чи жовтими показниками — не панікуйте. Більшість проблем вирішується без переписування сайту з нуля: стиснення зображень, підключення сучасних форматів (WebP, AVIF), відмова від зайвих скриптів і правильне кешування вже дають відчутний ефект. Якщо ж сайт побудований на важкому конструкторі, іноді дешевше й швидше перейти на легкий сучасний стек, ніж без кінця латати старий.

Головне — не робити висновки «на око». Заміряйте показники до змін і після, порівняйте цифри — і тоді буде зрозуміло, чи оптимізація справді спрацювала, чи просто здається, що стало швидше.

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