Trije Core Web Vitals leta 2026

Google meri tri primarne terenske meritve za izkušnjo strani. Vsaka ima prag za "dobro" zmogljivost:

• Largest Contentful Paint (LCP) — čas za upodabljanje največjega vidnega elementa. Dobro: pod 2,5 sekunde.
• Interaction to Next Paint (INP) — odzivnost na vse interakcije uporabnikov (zamenjal FID marca 2024). Dobro: pod 200ms.
• Cumulative Layout Shift (CLS) — vizualna stabilnost med nalaganjem. Dobro: pod 0,1.

Pasica za soglasje, ki blokira upodabljanje, izvaja težki JavaScript med nalaganjem ali vbrizga pozne spremembe postavitve, lahko potisne katerega koli od teh v pas "Potrebuje izboljšave" ali "Slabo" — Google pa za uvrstitev uporablja 28-dnevne terenske podatke resničnih uporabnikov Chrome, zato prehodne težave postanejo trajni signali razvrščanja.

Kako pasice za soglasje škodijo LCP

Largest Contentful Paint se navadno sproži na hero sliki ali naslovu. Več vzorcev soglasja ga po nepotrebnem zavlačuje:

CMP skripti, ki blokirajo upodabljanje

Sinhrono nalaganje CMP iz glave dokumenta ustavi razčlenjevanje HTML, dokler se skript ne prenese in izvede. Če je CMP gostovan na počasnem CDN ali ima hladen predpomnilnik, lahko dodate 200-800ms k LCP globalno.

Pasica, ki prekriva hero element

Če je pasica za soglasje postavljena kot modalna prekrivka, ki pokriva element LCP, bodo brskalniki še vedno merili LCP od pokritega elementa. Če pa je pasica največji naslikani element, postane kandidat LCP — in če se upodablja prek JavaScripta po nalaganju strani, je LCP umetno visok.

Popravek: asinhrono nalaganje z majhnim inline bootstrapom

Naložite celoten CMP asinhrono (async ali defer), z le majhnim inline skriptom za začetni prikaz pasice. Ciljajte na bootstrap, manjši od 5KB stisnjeno. Polna logika obnašanja, seznami ponudnikov in elementi UI se lahko leno nalagajo po prvi sliki.

Kako pasice za soglasje škodijo INP

Interaction to Next Paint meri najslabši odzivni čas pri vseh klikih, dotikah in pritiskih tipk med sejo. Interakcije s soglasjem za piškotke so pogosto prva interakcija, ki jo opravi uporabnik — zato počasen gumb Sprejmi uniči oceno.

Težko delo pri Sprejmi

Mnogi CMP izvajajo sinhrono delo pri Sprejmi: nalaganje 40+ skriptov ponudnikov, pisanje v localStorage, sprožanje dogodkov dataLayer, aktiviranje posodobitev Google Consent Mode. Če to preseže 200ms, INP trpi.

Popravek: Čakalna vrsta dela po sliki

Ob kliku Sprejmi takoj skrijte pasico in načrtujte težko delo z requestIdleCallback ali setTimeout(0). Uporabnik vidi, da pasica takoj izgine; skripti ponudnikov se nalagajo v ozadju brez blokiranja interakcije.

Kako pasice za soglasje škodijo CLS

Cumulative Layout Shift sledi nepričakovani vizualni premiki. Pasice so klasičen vir CLS, ko so vbrizgane v DOM, potem ko je bila vsebina naslikana.

Pozno vbrizgavanje pasice

Če se pasica pojavi 800ms po LCP, potisne vsebino navzdol in ustvari premik postavitve. Tudi majhna pasica lahko sproži oceno CLS 0,1+, če vpliva na velik del vidnega področja.

Ponovni izrisi gradnika za nastavitve piškotkov

Gradniki nastavitev noge, ki asinhrono nalagajo logotipe ponudnikov, lahko večkrat preoblikujejo celotno nogo, kar povečuje CLS.

Popravek: Rezerviranje prostora vnaprej

Uporabite CSS za rezerviranje prostora pasice od prve slike — nadomestno mesto s fiksno višino, min-height na nogi ali pasica pritrjena na dnu, ki ne potiska vsebine. Sodobni CMP bi morali ponujati konfiguracijo brez CLS takoj iz škatle.

Google Consent Mode V2 in zmogljivost

Consent Mode V2 omogoča Google tagom delovanje v stanju brez piškotkov pred soglasjem, pošiljanje signalov prek gtag('consent', 'default', {...}). To je odlično za kontinuiteto merjenja, toda sama knjižnica gtag.js je 50-90KB. Naložite jo asinhrono in nastavite privzete vrednosti čim prej, da se izognete pogojim tekmovanja.

• Nastavite privzete vrednosti preden se gtag naloži — postavite privzeti klic soglasja v glavo, pred skript gtag.js.
• Uporabite analytics_storage: 'denied' kot privzeto — minimizira zbrane podatke pred soglasjem.
• Posodobi ob Sprejmi prek requestIdleCallback — izogibajte se blokiranju glavne niti.

Merjenje vpliva CMP na Core Web Vitals

Ne ugibajte — merite. Uporabite ta orodja za kvantificiranje vpliva vaše pasice:

• PageSpeed Insights — terenski podatki iz poročila Chrome UX in laboratorijska revizija Lighthouse. Primerjajte ocene z in brez skripta CMP.
• Razširitev Chrome Web Vitals — prekritje LCP, INP, CLS v realnem času med lokalnim testiranjem.
• WebPageTest.org — pogled filmskega traku in slapov, ki prikazuje točno, kdaj se pasica upodablja in kaj blokira.
• Poročilo Core Web Vitals v Search Console — 28-dnevni terenski podatki, razvrščeni po vzorcu URL. Preverite, ali se pristajalne strani z vašo pasico uvrstijo drugače od strani brez nje.

Kako FlexyConsent ostane hiter