Hvad er Core Web Vitals?
En produktside, der viser indholdet sent, reagerer trægt på et klik eller flytter knappen lige før kunden trykker, skaber friktion i salget. Hvad er Core Web Vitals? Det er Googles tre målepunkter for, hvordan rigtige brugere oplever hastighed, reaktionstid og visuel stabilitet på en webside. De kan mærkes.
Core Web Vitals er ikke en karakterbog for dit website. De giver derimod et konkret billede af, om en besøgende kan se det væsentlige, bruge siden og gennemføre en handling uden unødigt besvær. For en virksomhed eller forening handler det om mere end teknik: Når kontaktformularen, produktet eller tilmeldingen er let at bruge, får markedsføringen bedre betingelser for at skabe henvendelser og salg.
De tre målepunkter er:
- Largest Contentful Paint (LCP) måler, hvornår sidens største synlige indhold er indlæst.
- Interaction to Next Paint (INP) måler, hvor hurtigt siden reagerer på brugerens klik, tryk eller tastaturinput.
- Cumulative Layout Shift (CLS) måler, om indhold flytter sig uventet under indlæsningen.
Hvorfor Core Web Vitals har en forretningsmæssig værdi
Core Web Vitals sætter tal på en oplevelse, som de fleste kender fra mobilen: Du åbner en side fra en annonce eller en søgning, og du venter. Måske kommer et stort billede først sent. Måske reagerer menuen langsomt. Måske skubber en annonce eller en skrifttype indholdet ned, lige når du vil vælge noget. Tålmodigheden er begrænset.
Det koster henvendelser.
En hurtig og stabil side kan ikke alene gøre et svagt tilbud attraktivt. Den fjerner til gengæld tekniske hindringer mellem en interesseret besøgende og den handling, du ønsker. Derfor bør arbejdet med Core Web Vitals forbindes med de sider, der betyder mest for forretningen, som forsiden, centrale ydelsessider, kampagnesider, kontaktsiden og kassen i en WooCommerce-webshop.
Her kan dårlige målinger ramme:
- Besøgende forlader siden, før det vigtigste indhold vises.
- Knapper og filtre føles langsomme at bruge på mobilen.
- Formularer eller køb afbrydes, når elementer flytter sig.
- Annoncekroner sender trafik til en side med unødige ventetider.
De tre signaler forklaret i almindeligt dansk
LCP: Hvornår ser brugeren det vigtige?
LCP handler om den største synlige del af siden. På en ydelsesside kan det være topbilledet, en stor overskrift eller et fremhævet indholdsblok. Google vurderer som udgangspunkt en LCP på højst 2,5 sekunder som god. Det afgørende er ikke, om små detaljer stadig henter data, men om den besøgende hurtigt kan orientere sig og forstå sidens formål.
Et tungt topbillede er en hyppig årsag til en langsom LCP. Det samme gælder langsom serverrespons, mange filer til design og funktioner eller et tema, der indlæser mere kode end siden bruger. Vi ser derfor på både billede, hosting, cache og WordPress-opsætning, før vi foreslår en ændring. At komprimere et billede hjælper kun begrænset, hvis problemet ligger i serveren eller i et omfattende plugin.
INP: Reagerer siden, når brugeren gør noget?
INP afløste den tidligere måling First Input Delay. Den handler om hele oplevelsen af at interagere med siden: Brugeren klikker på en menu, vælger en variant i en webshop eller sender en formular, og browseren skal hurtigt vise, at handlingen er registreret. En INP på 200 millisekunder eller lavere betragtes som god.
Her er WordPress-plugins relevante, fordi de kan tilføre JavaScript til alle sider, også hvor funktionen ikke bruges. Et kontaktformular-plugin er eksempelvis værdifuldt på kontaktsiden, men det behøver ikke belaste hver eneste artikel eller produktside. Scriptstyring kræver omtanke. Fjerner vi funktioner uden at teste, kan det skade formularer, sporing eller webshopfunktioner.
INP bør undersøges særligt ved:
- Mobilmenuer med mange niveauer og animationer.
- Produktfiltre og variantvalg i WooCommerce.
- Popups, chatfunktioner og eksterne sporingsscripts.
- Store formularer med validering undervejs.
CLS: Bliver siden stående, hvor den skal?
CLS måler visuelle hop. En lav score betyder, at elementerne holder deres plads, mens siden indlæses. Google angiver 0,1 eller lavere som god. Det er en lille teknisk detalje med en tydelig praktisk konsekvens: Brugeren skal kunne trykke på den rigtige knap første gang.
Billeder uden fast angivet plads er en klassisk årsag. Det gælder også indlejrede videoer, bannerfelter, cookie-løsninger og skrifttyper, som ændrer tekstens størrelse, efter indholdet er blevet vist. På en webshop kan et uventet hop flytte knappen “Læg i kurv” i selve klikøjeblikket. Det er ikke en oplevelse, der styrker tilliden.
Sådan forebygger du visuelle hop:
- Angiv bredde, højde eller pladsreserve til billeder og video.
- Reserver plads til bannere og dynamiske indholdsblokke.
- Indlæs skrifttyper på en måde, der begrænser ændringer i layoutet.
- Test sider med formularer, produktgallerier og indlejret indhold.
Brug data rigtigt, før du ændrer WordPress
En Core Web Vitals-score skal læses som et spor, ikke som en færdig diagnose. Feltdata viser, hvordan faktiske besøgende har oplevet siden over tid, mens laboratorietests viser en kontrolleret måling her og nu. Begge dele er nyttige. Feltdata kan afsløre problemer på bestemte enheder eller forbindelser, og laboratorietests gør det lettere at teste effekten af en ændring.
Start med de sider, hvor trafikken skal føre til noget. En langsom artikel med få besøg er sjældent det bedste sted at begynde, hvis en kampagneside, en vigtig produktside eller en kontaktvej har tydelige problemer. Se også på mobil først. Mange besøgende møder siden der, og mobilens netforbindelse og processorkraft stiller større krav til en fornuftig opsætning.
En god arbejdsgang er:
- Find de vigtigste landingssider og handlinger på sitet.
- Mål både mobil og computer, før ændringer sættes i gang.
- Find den konkrete årsag bag den svage måling.
- Test ændringen på funktioner, design og konverteringsveje.
Et konkret WordPress-forløb
En virksomhed med en WooCommerce-webshop kan have en produktkategori, hvor billeder, produktfiltre og flere eksterne scripts skal indlæses samtidig. En besøgende kommer ind fra en annonce på mobilen, ser først et tomt område, venter på kategoribilledet og møder derefter filtre, der reagerer sent. Handlingen er at gennemgå sidens største billedressourcer, reducere kode der ikke bruges på kategorisiden, opsætte cache og kontrollere, at filtrene fortsat virker. Resultatet skal måles både i Core Web Vitals og i den faktiske brugerrejse fra kategori til produkt og kurv.
Hos H365 kan arbejdet indgå i optimering, hosting eller en serviceaftale for WordPress. Vi anbefaler en teknisk gennemgang med fokus på de vigtigste sider frem for at installere flere hastighedsplugins på må og få. Flere plugins kan skabe konflikter, dobbelt cache eller fejl i en webshop. Den rigtige løsning er en gennemtestet opsætning, hvor tema, plugins, billeder og hosting arbejder sammen.
FAQ om Core Web Vitals
Er Core Web Vitals det samme som SEO?
Nej. Core Web Vitals er en del af den tekniske brugeroplevelse, mens SEO også omfatter indhold, struktur, relevans og meget andet.
Kan et WordPress-plugin løse alle problemer?
Nej. Cache- og billedplugins kan hjælpe, men server, tema, scripts og den konkrete sides indhold skal også vurderes.
Hvad er en god LCP-score?
Google vurderer som udgangspunkt en LCP på højst 2,5 sekunder som god.
Hvad er en god INP-score?
En INP på 200 millisekunder eller lavere betragtes som god, fordi siden så reagerer hurtigt på brugerens handlinger.
Hvad er en god CLS-score?
En CLS på 0,1 eller lavere betragtes som god og indikerer, at indholdet holder sig stabilt på siden.
Skal vi prioritere mobil eller computer?
Prioritér mobil i målingen og testen, især på sider som modtager trafik fra søgning, annoncer og sociale medier.
Kan store billeder skade Core Web Vitals?
Ja. Et stort eller forkert leveret topbillede kan forsinke LCP, særligt hvis det er det største synlige element på siden.
Hvorfor er min hjemmeside langsom efter et redesign?
Et redesign kan have tilføjet tunge billeder, ekstra skrifttyper, animationer eller plugins. En teknisk gennemgang finder årsagen.
Hvordan kommer vi i gang?
Book et gratis 30 minutters onlinemøde og vælg én vigtig side, som vi kan tage udgangspunkt i. Det giver et konkret sted at forbedre brugeroplevelsen først.