Tri Core Web Vitals v roku 2026

Google meria tri primárne terénne metriky pre skúsenosť so stránkou. Každá má prah pre "Dobrý" výkon:

• Largest Contentful Paint (LCP) — čas na vykreslenie najväčšieho viditeľného prvku. Dobre: pod 2,5 sekundy.
• Interaction to Next Paint (INP) — odozva na všetky interakcie používateľa (nahradil FID v marci 2024). Dobre: pod 200ms.
• Cumulative Layout Shift (CLS) — vizuálna stabilita počas načítania. Dobre: pod 0,1.

Banner súhlasu, ktorý blokuje vykresľovanie, spúšťa ťažký JavaScript pri načítaní alebo vkladá neskoré zmeny rozloženia, môže pretlačiť ktorýkoľvek z týchto do pásma "Potrebuje zlepšenie" alebo "Slabý" — a Google používa 28-dňové terénne údaje od skutočných používateľov Chrome, takže prechodné problémy sa stávajú trvalými signálmi hodnotenia.

Ako bannery súhlasu poškodzujú LCP

Largest Contentful Paint sa zvyčajne aktivuje na hero obrázku alebo nadpise. Niekoľko vzorov súhlasu ho zbytočne oneskoruje:

CMP skripty blokujúce vykresľovanie

Synchrónne načítanie CMP z hlavičky dokumentu zastaví parsovanie HTML, kým sa skript nestiahne a nespustí. Ak je CMP hosťovaný na pomalej CDN alebo má studená vyrovnávacia pamäť, môžete pridať 200-800ms k LCP globálne.

Banner zakrývajúci hero element

Ak je banner súhlasu umiestnený ako modálne prekrytie zakrývajúce element LCP, prehliadače budú stále merať LCP od zakrytého prvku. Ak je však banner najväčším vykresleným prvkom, stáva sa kandidátom LCP — a ak sa vykresľuje cez JavaScript po načítaní stránky, LCP je umelo vysoké.

Oprava: asynchrónne načítanie s malým inline bootstrapom

Načítajte celý CMP asynchrónne (async alebo defer), len s malým inline skriptom pre počiatočné zobrazenie bannera. Cieľom je bootstrap menší ako 5KB komprimovaný. Plná logika správania, zoznamy predajcov a prvky UI sa môžu načítavať lenievo po prvom vykreslení.

Ako bannery súhlasu poškodzujú INP

Interaction to Next Paint meria najhorší čas odozvy na všetky kliknutia, dotyky a stlačenia klávesov počas relácie. Interakcie so súhlasom so súbormi cookie sú často prvou interakciou, ktorú používateľ vykoná — takže pomalé tlačidlo Prijať ničí skóre.

Ťažká práca pri Prijatí

Mnohé CMP vykonávajú synchrónnu prácu pri Prijatí: načítanie 40+ skriptov predajcov, zápis do localStorage, spustenie udalostí dataLayer, aktivovanie aktualizácií Google Consent Mode. Ak to prekračuje 200ms, INP trpí.

Oprava: Zaradenie práce do fronty po vykreslení

Pri kliknutí Prijať okamžite skryte banner a naplánujte ťažkú prácu s requestIdleCallback alebo setTimeout(0). Používateľ vidí banner, ktorý okamžite zmizne; skripty predajcov sa načítajú na pozadí bez blokovania interakcie.

Ako bannery súhlasu poškodzujú CLS

Cumulative Layout Shift sleduje neočakávané vizuálne pohyby. Bannery sú klasickým zdrojom CLS, keď sú vložené do DOM po vykreslení obsahu.

Neskoré vloženie bannera

Ak sa banner objaví 800ms po LCP, posúva obsah nadol a generuje posun rozloženia. Dokonca malý banner môže spustiť skóre CLS 0,1+, ak ovplyvňuje veľkú časť výrezu.

Opätovné vykresľovanie widgetu preferencií súborov cookie

Widgety preferencií päty, ktoré asynchrónne načítavajú logá predajcov, môžu viackrát reformatovať celú pätu, čím zosilňujú CLS.

Oprava: Rezervovanie miesta vopred

Použite CSS na rezervovanie priestoru bannera od úplne prvého vykreslenia — zástupný symbol s pevnou výškou, min-height na päte alebo banner fixovaný na spodku, ktorý neposúva obsah. Moderné CMP by mali ponúkať konfiguráciu bez CLS hneď z krabice.

Google Consent Mode V2 a Výkon

Consent Mode V2 umožňuje tagom Google bežať v stave bez súborov cookie pred súhlasom, odovzdávajúc signály cez gtag('consent', 'default', {...}). Toto je skvelé pre kontinuitu merania, ale samotná knižnica gtag.js je 50-90KB. Načítajte ju asynchrónne a nastavte predvolené hodnoty čo najskôr, aby ste sa vyhli stavom súbehu.

• Nastavte predvolené hodnoty pred načítaním gtag — vložte predvolené volanie súhlasu do hlavičky, pred skript gtag.js.
• Použite analytics_storage: 'denied' ako predvolené — minimalizuje údaje zhromažďované pred súhlasom.
• Aktualizujte pri Prijatí cez requestIdleCallback — vyhnite sa blokovaniu hlavného vlákna.

Meranie dopadu CMP na Core Web Vitals

Nehádajte — merajte. Použite tieto nástroje na kvantifikáciu dopadu vášho bannera:

• PageSpeed Insights — terénne údaje zo správy Chrome UX a laboratórny audit Lighthouse. Porovnajte skóre s CMP skriptom a bez neho.
• Rozšírenie Chrome Web Vitals — prekrytie LCP, INP, CLS v reálnom čase počas lokálneho testovania.
• WebPageTest.org — pohľad na filmový pás a vodopád presne ukazujúci, kedy sa banner vykresľuje a čo blokuje.
• Správa Core Web Vitals v Search Console — 28-dňové terénne údaje zoskupené podľa vzoru URL. Skontrolujte, či vstupné stránky s vašim bannerom dostávajú iné skóre ako stránky bez neho.

Ako FlexyConsent zostáva rýchly