Три показники і що ловить кожен
Кожен показник охоплює свій спосіб, у який сторінка може відчуватися неправильно, і вони провалюються незалежно один від одного. Сторінка може швидко завантажуватися й усе одно від'їжджати з-під великого пальця читача; сторінка може бути бездоганно стабільною і забирати чотири секунди, перш ніж узагалі щось покаже.
| Показник | Охоплює | Добре | Потребує роботи понад |
|---|---|---|---|
| LCP | Завантаження | ≤ 2,5 с | 4,0 с |
| INP | Відгук | ≤ 200 мс | 500 мс |
| CLS | Візуальна стабільність | ≤ 0,1 | 0,25 |
Largest Contentful Paint позначає мить, коли найбільший елемент у видимій області завершує промальовуватися — зазвичай головне зображення або блок заголовка. Це замінник фрази «сторінка виглядає так, ніби прибула», і саме тому він б'є старіші позначки на кшталт першого промальовування: швидко намальований порожній кадр — це не швидко завантажена сторінка.
Interaction to Next Paint замінив First Input Delay як стабільний Core Web Vital у березні 2024 року, і ця заміна мала значення. FID міряв лише затримку перед обробкою першої взаємодії, чим лестив сторінкам, які жваво відповідали на перший дотик, а далі грузли. INP дивиться на повну затримку взаємодій упродовж візиту й повідомляє значення, близьке до найгіршого.
Cumulative Layout Shift міряє вміст, що зсувається після того, як його намальовано. Це показник за тим універсальним досвідом, коли тягнешся до посилання й потрапляєш у рекламу, що приїхала знизу. Оскільки це бал, а не тривалість, один прикрий зсув наприкінці сторінки здатен запанувати над числом.
Оцінюють за 75-м перцентилем, на польових даних
Саме ця частина заскочує команди зненацька. Оцінювання бере 75-й перцентиль завантажень сторінки в рухомому вікні 28 днів, окремо для мобільних і настільних. Зручна медіана з повільним хвостом усе одно провалюється — і це задум. Показник про ту чверть відвідувачів, якій найгірше, а не про типового.
Це також означає, що дані польові, зібрані з реальних візитів, а не з лабораторного прогону. Лабораторні інструменти — діагностичні: вони кажуть, який ресурс тримає промальовування, і для цього вони правильні. Вони не є оцінкою, і зелений лабораторний бал поруч із проваленою польовою оцінкою — не суперечність: це означає, що ваші справжні відвідувачі не сидять за машиною, з якої ви тестували.
Що насправді рухає кожен показник
Причини невидовищні й повторюються від сайту до сайту. Більша частина роботи — вирішити, що браузер мусить мати до першого змістовного промальовування, і відмовити всьому іншому в місці в цій черзі.
| Показник | Звична причина | Звичне лагодження |
|---|---|---|
| LCP | Повільна відповідь сервера | Кешувати документ; скоротити ланцюжки перенаправлень |
| LCP | Головне зображення виявлено пізно | Попередньо завантажити; ніколи не ліниво |
| LCP | CSS чи шрифти, що блокують промальовування | Критичний CSS інлайном; використати font-display |
| INP | Довгі задачі JavaScript у головному потоці | Розбити їх; відкласти неістотне |
| INP | Важкі сторонні скрипти | Завантажувати пізно — або прибрати |
| CLS | Зображення та вставки без розмірів | Задати width і height або aspect-ratio |
| CLS | Шрифти, що підмінюються й переливають текст | Узгодити метрики запасного; попередньо завантажити |
| CLS | Банери, вставлені над вмістом | Зарезервувати місце, перш ніж воно заповниться |
Сторонні скрипти варто винести окремо, бо вони найчастіша причина проблеми з INP і та, за яку ніхто не береться. Кожен тег, доданий для аналітики, чату, тестів чи згоди, змагається за той самий головний потік, який потрібен дотику читача. Корисне питання аудиту не в тому, чи кожен із них корисний, а в тому, скільки він коштує на 75-му перцентилі.
Де досвід сторінки стоїть серед сигналів
Google каже, що його основні системи ранжирування використовують Core Web Vitals, але єдиного «сигналу якості сторінки» немає. Релевантність все ще стоїть на першому місці, і хороший Core Web Vitals не гарантує найвищого рейтингу.
Визначте пріоритетність проблем, з якими стикається користувач, особливо щодо важливих шаблонів, не розглядаючи поріг проходження як гарантію рейтингу. Релевантна сторінка з поганим досвідом все ще може бути рейтингом; швидка сторінка, яка пропускає запит, не стає релевантною, тому що вона швидка.
Порядок роботи, що тримається
Якщо ви починаєте з проваленої оцінки, ця послідовність оминає найпоширеніші марні зусилля: доводити те, що вже проходить, або лагодити сторінку без трафіку.
- Спершу прочитайте польові дані, окремо для мобільних і настільних. Зазвичай провалюється лише мобільний, і лагодити настільний нічого не змінить.
- З'ясуйте, який показник провалюється і на яких групах сторінок. Шаблони провалюються разом; окрема адреса рідко про щось каже.
- Відтворіть причину в лабораторії, на обмеженому з'єднанні. Лабораторія скаже, що повільне; поле сказало, що це має значення.
- Полагодьте найбільший окремий внесок і випустіть. Ці показники рухаються частковими покращеннями — одного вимикача майже не буває.
- Перечекайте вікно 28 днів, перш ніж судити. Оцінка — це середнє, що відстає, тож виправлення, випущене сьогодні, проявляється поступово.