PageSpeed і Core Web Vitals
Щоденний аналіз швидкості сайту через Google Lighthouse: LCP, CLS, INP — метрики, які Google використовує для ранжування.
01 Що це таке?
Core Web Vitals — це набір метрик від Google, які вимірюють реальний досвід користувача на сайті: наскільки швидко завантажується контент, наскільки стабільна сторінка під час завантаження і наскільки швидко реагує на взаємодію. З 2021 року Google офіційно включив Core Web Vitals до алгоритму ранжування. Це означає, що сайти з поганими показниками отримують менше органічного трафіку навіть за умови якісного контенту. Основні метрики: LCP (Largest Contentful Paint) — час до відображення найбільшого елементу, CLS (Cumulative Layout Shift) — стабільність макету, INP (Interaction to Next Paint) — час відповіді на кліки і дії.
02 Чому це важливо для бізнесу?
- →Google офіційно використовує Core Web Vitals як фактор ранжування з серпня 2021 року
- →Сторінки з гарними показниками CWV у середньому на 24% рідше покидаються відвідувачами
- →Повільний мобільний сайт втрачає 53% відвідувачів, якщо завантаження займає більше 3 секунд
- →Google Ads підвищує ціну за клік або знижує рейтинг оголошень для повільних лендінгів
- →Конкурент із кращим PageSpeed отримує перевагу в пошуковій видачі навіть за однаковий контент
03 Що саме перевіряємо
- ✓LCP (Largest Contentful Paint): має бути ≤ 2.5 сек — час до відображення головного контенту
- ✓CLS (Cumulative Layout Shift): має бути ≤ 0.1 — стрибки елементів під час завантаження
- ✓INP (Interaction to Next Paint): має бути ≤ 200 мс — замінив FID з 2024 року
- ✓TTFB (Time to First Byte): час відповіді сервера — впливає на всі інші метрики
- ✓Загальний PageSpeed Score для мобільних і десктопних пристроїв (0-100)
- ✓Незавантажені зображення в першому екрані, відсутність lazy loading
- ✓Блокуючі рендеринг ресурси: великі CSS і JS у <head>
04 Типові проблеми
Великі зображення без оптимізації
Найчастіша причина поганого LCP — незжаті зображення у форматі JPG/PNG замість WebP/AVIF, відсутність атрибуту sizes і srcset. Зображення на 5 МБ там, де достатньо 200 КБ.
Стрибки макету (CLS > 0.1)
Зображення без атрибутів width і height, банери які завантажуються після тексту, шрифти з FOIT/FOUT ефектом. Відвідувач натискає кнопку, але вона "стрибає" і він натискає не туди.
Блокуючі JS-файли в <head>
Великі JavaScript-файли в <head> без async або defer затримують відображення всієї сторінки. Браузер чекає завантаження і виконання скрипту перед тим, як показати HTML.
05 Вплив на бізнес
Кожна секунда затримки завантаження знижує конверсію в середньому на 7%. Для інтернет-магазину з місячним оборотом 500 000 грн це 35 000 грн недоотриманого доходу щомісяця. Покращення PageSpeed Score з 40 до 90 може збільшити органічний трафік на 20-30% без зміни контенту.
Rank Sentinel моніторить це і ще 20+ параметрів — щодня, без вашої участі.
🚀 Підключити моніторинг5 000 грн/рік · Beta-ціна
Деталі перевірки
- Критичність
- Висока
- Частота
- Щодня
- Категорія
- performance