Тры паказчыкі і іх нормы
- LCP (Largest Contentful Paint) — за колькі з’яўляецца самы буйны элемент першага экрана: карцінка або блок тэксту. Добра — да 2,5 секунды, дрэнна — больш за 4 секунды.
- INP (Interaction to Next Paint) — як хутка старонка адгукаецца на клікі і націсканні. Добра — да 200 мс, дрэнна — больш за 500 мс. У сакавіку 2024 года INP замяніў ранейшы паказчык FID.
- CLS (Cumulative Layout Shift) — наколькі зрушваецца вёрстка падчас загрузкі. Добра — да 0,1, дрэнна — больш за 0,25.
Ацэньваецца 75-ы працэнтыль: старонка лічыцца добрай, калі нормы выконваюцца як мінімум для 75% наведванняў. Тэлефоны і камп’ютары ацэньваюцца асобна.
Даныя карыстальнікаў і лабараторныя даныя
Гэта галоўнае, што трэба зразумець, інакш лічбы будуць блытаць.
- Даныя рэальных карыстальнікаў Google збірае ў браўзеры Chrome у сапраўдных наведвальнікаў за апошнія 28 дзён — гэта справаздача Chrome UX Report (CrUX). Менавіта яны выкарыстоўваюцца для ацэнкі Core Web Vitals.
- Лабараторныя даныя — разавы замер у сімуляцыі: умоўны тэлефон, умоўна павольная сетка. Яны дапамагаюць знайсці прычыны і адразу праверыць выпраўленне, але гэта не тое, што бачаць вашы наведвальнікі.
Таму ацэнка «45 з 100» у лабараторным замеры і зялёныя паказчыкі ў рэальных карыстальнікаў — не супярэчнасць, а два розныя вымярэнні.
Крок 1. PageSpeed Insights
- Адкрыйце PageSpeed Insights, устаўце адрас старонкі і запусціце аналіз.
- Уверсе — даныя рэальных карыстальнікаў: тры паказчыкі Core Web Vitals і вынік, ці пройдзена ацэнка. Можна пераключацца паміж данымі канкрэтнай старонкі і ўсяго сайта.
- Ніжэй — лабараторны замер з ацэнкай ад 0 да 100 і дыягностыкай: што менавіта тармозіць.
Калі ўверсе напісана, што даных недастаткова, у старонкі мала наведвальнікаў з Chrome. Для невялікіх сайтаў гэта нармальна — тады арыентуйцеся на лабараторны замер і справаздачу Search Console.
Крок 2. Справаздача ў Search Console
У Search Console адкрыйце справаздачу Core Web Vitals. Яна паказвае не адну старонку, а ўвесь сайт: колькі адрасоў добрых, колькі патрабуюць паляпшэння і колькі дрэнных — асобна для тэлефонаў і камп’ютараў. Падобныя старонкі Google аб’ядноўвае ў групы, таму адна праблема ў шаблоне адразу відаць на сотнях адрасоў.
Калі сайта яшчэ няма ў Search Console, пачніце з гэтай інструкцыі.
Крок 3. Знайдзіце прычыну
- Дрэнны LCP — часцей за ўсё цяжкая галоўная карцінка, павольны адказ сервера, шрыфты і скрыпты, якія затрымліваюць адмалёўку.
- Дрэнны INP — цяжкія скрыпты: віджэты чатаў, лічыльнікі, слайдары, канструктары старонак.
- Дрэнны CLS — карцінкі і банеры без зададзеных памераў, позна загружаныя шрыфты, рэкламныя блокі і cookie-банеры, якія зрушваюць змесціва.
Дыягностыка PageSpeed Insights падказвае канкрэтныя файлы. Як мы аўтаматызавалі такія праверкі, я расказваў у артыкуле пра падключэнне PageSpeed Insights да Claude.
Пасля выпраўленняў не чакайце імгненнага выніку. Даныя рэальных карыстальнікаў назапашваюцца за 28 дзён, таму паляпшэнне ў справаздачах становіцца заўважным паступова. Лабараторны замер пакажа эфект адразу.
Частыя памылкі пры праверцы
- Правяраюць толькі галоўную старонку, а праблемы — на старонках тавараў або артыкулаў.
- Глядзяць вынік для камп’ютара, хоць большасць наведвальнікаў прыходзіць з тэлефонаў.
- Ганяюцца за 100 баламі ў лабараторным замеры замест зялёных паказчыкаў у рэальных карыстальнікаў.
- Робяць высновы па адным замеры: лабараторныя вынікі вагаюцца ад запуску да запуску.
Коратка
- Нормы: LCP да 2,5 с, INP да 200 мс, CLS да 0,1 — для 75% візітаў.
- Ацэнку вызначаюць даныя рэальных карыстальнікаў за 28 дзён, лабараторны замер дапамагае шукаць прычыны.
- Асобную старонку правярайце ў PageSpeed Insights, увесь сайт — у справаздачы Search Console.
- Глядзіце ў першую чаргу на тэлефоны.
- Пасля выпраўленняў чакайце абнаўлення даных карыстальнікаў некалькі тыдняў.
Калі паказчыкі чырвоныя і незразумела, з чаго пачаць, мы можам паскорыць сайт і прывесці ў парадак Core Web Vitals: замерым да і пасля, выправім карцінкі, скрыпты і кэш.
