De tre Core Web Vitals i 2026

Google måler tre primære feltmålinger for sideoplevelse. Hver har en grænse for "God" ydeevne:

• Largest Contentful Paint (LCP) — tid til at gengive det største synlige element. Godt: under 2,5 sekunder.
• Interaction to Next Paint (INP) — responsivitet over for alle brugerinteraktioner (erstattede FID i marts 2024). Godt: under 200 ms.
• Cumulative Layout Shift (CLS) — visuel stabilitet under indlæsning. Godt: under 0,1.

Et samtykkebanner, der blokerer gengivelse, kører tungt JavaScript ved indlæsning eller injicerer sene layoutændringer, kan skubbe nogen af disse ind i "Kræver forbedring" eller "Dårlig" båndet — og Google bruger 28-dages feltdata fra rigtige Chrome-brugere, så forbigående problemer bliver vedvarende rangeringssignaler.

Sådan skader samtykkebannere LCP

Largest Contentful Paint udløses normalt på et hero-billede eller overskrift. Flere samtykke­mønstre forsinker det unødigt:

Gengivelses­blokerende CMP-scripts

Synkron indlæsning af CMP fra dokumentets head stopper HTML-parsning, indtil scriptet er downloadet og udført. Hvis CMP er hostet på et langsomt CDN eller har kold cache, kan du tilføje 200-800 ms til LCP globalt.

Banner der dækker hero-elementet

Hvis samtykkebanneret er placeret som et modalt overlay, der dækker LCP-elementet, vil browsere stadig måle LCP fra det dækkede element. Hvis banneret dog er det største malede element, bliver det LCP-kandidaten — og hvis det gengives via JavaScript efter sideindlæsning, er LCP kunstigt højt.

Løsning: Asynkron indlæsning med lille inline bootstrap

Indlæs det fulde CMP asynkront (`async` eller `defer`), med kun et lille inline script til den indledende bannervisning. Sigt mod et bootstrap på under 5 KB gzip-komprimeret. Fuld adfærdslogik, leverandørlister og UI chrome kan lazy-loades efter første maling.

Sådan skader samtykkebannere INP

Interaction to Next Paint måler den værste svartid på tværs af alle klik, tryk og tastaturpres i løbet af en session. Cookie-samtykkeinteraktioner er ofte den første interaktion, en bruger foretager — så en langsom Accepter-knap ødelægger scoren.

Tungt arbejde ved Accepter

Mange CMP'er udfører synkront arbejde ved Accepter: indlæsning af 40+ leverandørscripts, skrivning til localStorage, afgivelse af dataLayer-begivenheder, udløsning af Google Consent Mode-opdateringer. Hvis dette overskrider 200 ms, lider INP.

Løsning: Sæt arbejde i kø efter maling

Ved Accepter-klik skal du straks skjule banneret og planlægge tungt arbejde med `requestIdleCallback` eller `setTimeout(0)`. Brugeren ser banneret forsvinde øjeblikkeligt; leverandørscripts indlæses i baggrunden uden at blokere interaktion.

Sådan skader samtykkebannere CLS

Cumulative Layout Shift sporer uventet visuel bevægelse. Bannere er en klassisk kilde til CLS, når de injiceres i DOM, efter at indhold er malet.

Sen bannerindsprøjtning

Hvis banneret vises 800 ms efter LCP, skubber det indhold ned og genererer et layoutskift. Selv et lille banner kan udløse en CLS-score på 0,1+, hvis det påvirker en stor del af visningsområdet.

Omtegning af cookie-præference-widget

Præference-widgets i sidefoden, der asynkront indlæser leverandørlogoer, kan omstrukturere hele sidefoden flere gange, hvilket akkumulerer CLS.

Løsning: Reservér plads på forhånd

Brug CSS til at reservere bannerets plads fra allerførste maling — pladsholder med fast højde, `min-height` på sidefoden eller et bundfikseret banner, der ikke skubber indhold. Moderne CMP'er bør tilbyde en CLS-fri konfiguration ud af boksen.

Google Consent Mode V2 og ydeevne

Consent Mode V2 lader Google-tags køre i en cookieløs tilstand før samtykke og sende signaler via `gtag('consent', 'default', {...})`. Dette er fremragende for målingskontinuitet, men gtag.js-biblioteket er i sig selv 50-90 KB. Indlæs det asynkront og sæt standarderne så tidligt som muligt for at undgå race conditions.

• Sæt standarder, inden gtag indlæses — sæt standard-samtykke-kaldet i head, inden gtag.js-scriptet.
• Brug `analytics_storage: 'denied'` som standard — minimerer data indsamlet før samtykke.
• Opdater ved Accepter via requestIdleCallback — undgå blokering af hovedtråden.

Måling af CMP's indvirkning på Core Web Vitals

Gæt ikke — mål. Brug disse værktøjer til at kvantificere dit banners indvirkning:

• PageSpeed Insights — feltdata fra Chrome UX Report plus Lighthouse lab-revision. Sammenlign scores med og uden CMP-scriptet.
• Web Vitals Chrome-udvidelse — realtids LCP, INP, CLS-overlay under lokal testning.
• WebPageTest.org — filmstrip- og vandfaldsvisning, der viser præcis, hvornår banneret gengives, og hvad det blokerer.
• Search Console Core Web Vitals-rapport — 28-dages feltdata grupperet efter URL-mønster. Kontrollér, om landingssider med dit banner scorer anderledes end sider uden.

Sådan forbliver FlexyConsent hurtig