Trys Core Web Vitals 2026 m.

Google matuoja tris pagrindinius lauko rodiklius puslapio patirčiai. Kiekvienas turi slenkstį „Gero" našumo:

• Largest Contentful Paint (LCP) — didžiausio matomojo elemento atvaizdavimo laikas. Gerai: mažiau nei 2,5 sekundės.
• Interaction to Next Paint (INP) — atsako greitis į visus vartotojo veiksmus (pakeitė FID 2024 m. kovo mėn.). Gerai: mažiau nei 200 ms.
• Cumulative Layout Shift (CLS) — vizualinis stabilumas kraunant. Gerai: mažiau nei 0,1.

Sutikimo juostelė, kuri blokuoja atvaizdavimą, kraunant paleidžia sunkų JavaScript, arba vėlai įterpia išdėstymo pakeitimus, gali nustumti bet kurį iš šių į „Reikia tobulinti" arba „Prastas" juostą — o Google naudoja 28 dienų lauko duomenis iš realių Chrome vartotojų, todėl trumpalaikės problemos tampa nuolatiniais reitingų signalais.

Kaip sutikimo juostelės kenkia LCP

Largest Contentful Paint paprastai suveikia ties hero atvaizdu arba antrašte. Keli sutikimo modeliai jį nereikalingai atideda:

CMP scenarijai, blokuojantys atvaizdavimą

CMP įkėlimas sinchroniškai iš dokumento antraštės sustabdo HTML apdorojimą, kol scenarijus atsisiuncamas ir vykdomas. Jei CMP yra patalpintas lėtame CDN arba turi šaltą talpyklą, galite pridėti 200–800 ms prie LCP globaliai.

Juostelė, dengianti hero

Jei sutikimo juostelė yra išdėstyta kaip modalinis perdengimas, dengiantis LCP elementą, naršyklės vis tiek matuos LCP nuo uždengto elemento. Tačiau jei juostelė yra didžiausias nupieštas elementas, ji tampa LCP kandidatu — ir jei ji atvaizduojama per JavaScript po puslapio įkėlimo, LCP bus dirbtinai didelis.

Pataisymas: Asinchroninis įkėlimas su mažu vietiniu Bootstrap

Įkelkite visą CMP asinchroniškai (`async` arba `defer`), naudodami tik nedidelį vietinį scenarijų pradiniam juostelės rodymui. Siekite bootstrap mažesnio nei 5 KB suglaudinto. Visa elgesio logika, pardavėjų sąrašai ir UI elementai gali būti įkrauti tingiai po pirmojo piešimo.

Kaip sutikimo juostelės kenkia INP

Interaction to Next Paint matuoja blogiausią atsako laiką per visus paspaudimus, palietimus ir klavišų paspaudimus sesijos metu. Slapukų sutikimo sąveikos dažnai yra pirmoji vartotojo sąveika — todėl lėtas sutikimo mygtukas sugadina balą.

Sunkus darbas priimant sutikimą

Daugelis CMP vykdo sinchroninį darbą priimant sutikimą: įkelia 40+ pardavėjų scenarijų, rašo į localStorage, paleidžia dataLayer įvykius, suaktyvina Google Consent Mode atnaujinimus. Jei tai viršija 200 ms, INP kenčia.

Pataisymas: Darbo eilė po piešimo

Paspaudus sutikimą, nedelsdami paslėpkite juostelę ir suplanuokite sunkų darbą naudodami `requestIdleCallback` arba `setTimeout(0)`. Vartotojas mato, kad juostelė dingsta akimirksniu; pardavėjų scenarijai įkeliami fone neblokuodami sąveikos.

Kaip sutikimo juostelės kenkia CLS

Cumulative Layout Shift stebi netikėtus vizualinius judesius. Juostelės yra klasikinis CLS šaltinis, kai jos įterpiamos į DOM po to, kai turinys buvo nupieštas.

Vėlyvas juostelės įterpimas

Jei juostelė pasirodo 800 ms po LCP, ji stumia turinį žemyn ir generuoja išdėstymo poslinkį. Net nedidelė juostelė gali sukelti 0,1+ CLS balą, jei ji veikia didelę peržiūros srities dalį.

Slapukų nuostatų valdiklio pakartotinis atvaizdavimas

Poraštės nuostatų valdikliai, kurie asinchroniškai įkelia pardavėjų logotipus, gali kelis kartus perpildyti visą poraštę, didindami CLS.

Pataisymas: Iš anksto rezervuoti vietą

Naudokite CSS juostelės vietai rezervuoti nuo pat pirmojo piešimo — fiksuoto aukščio rezervuota vieta, `min-height` poraštėje arba apačioje fiksuota juostelė, kuri nestumia turinio. Šiuolaikiniai CMP turėtų pasiūlyti konfigūraciją be CLS iš karto.

Google Consent Mode V2 ir našumas

Consent Mode V2 leidžia Google žymoms veikti be slapukų prieš sutikimą, perduodant signalus per `gtag('consent', 'default', {...})`. Tai puiku matavimo tęstinumui, tačiau pati gtag.js biblioteka yra 50–90 KB. Įkelkite ją asinchroniškai ir kuo anksčiau nustatykite numatytuosius parametrus, kad išvengtumėte lenktynių sąlygų.

• Nustatykite numatytuosius prieš įkeliant gtag — įdėkite sutikimo numatytąjį iškvietimą į antraštę, prieš gtag.js scenarijų.
• Naudokite `analytics_storage: 'denied'` kaip numatytąjį — sumažina duomenis, renkamus prieš sutikimą.
• Atnaujinkite sutikimo metu per requestIdleCallback — venkite pagrindinio srauto blokavimo.

CMP poveikio Core Web Vitals matavimas

Nespėliokite — matuokite. Naudokite šiuos įrankius, kad kiekybiškai įvertintumėte juostelės poveikį:

• PageSpeed Insights — lauko duomenys iš Chrome UX ataskaitos ir laboratorinis Lighthouse auditas. Palyginkite balus su CMP scenarijumi ir be jo.
• Web Vitals Chrome plėtinys — realaus laiko LCP, INP, CLS perdengimas vietinio testavimo metu.
• WebPageTest.org — filmjuosčių ir krioklio vaizdas, rodantis tiksliai, kada juostelė atvaizduojama ir ką blokuoja.
• Search Console Core Web Vitals ataskaita — 28 dienų lauko duomenys, sugrupuoti pagal URL šabloną. Patikrinkite, ar nukreipimo puslapiai su jūsų juostele gauna kitokius balus nei puslapiai be jos.

Kaip FlexyConsent išlieka greitas