Core Web Vitals er som navnet indikerer noget som Google mener er fundamentale for en god brugeroplevelse på nettet. Det er noget som Google bruger aktivt til at vurdere brugeroplevelsen på forskellige hjemmesider og webshops ved at kigge på 3 metrics.
- Largest Contentful Paint (LCP)
- Cumulative Layout Shift (CLS)
- Interaction to Next Paint (INP). Det hed tidligere FID, men blev erstattet med INP i 2024.
Core Web Vitals er en officiel ranking faktor i Google på samme måde som at hjemmesider skal være responsive (mobil venlige).
Lad os dykke dybere ned i de enkelte metrics og hvad de er konkret.
Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) måler, hvor hurtigt den største synlige del af en webside indlæses – typisk et billede eller en blok tekst.
Google definerer det som værende optimalt, hvis LCP loader indenfor de første 2,5 sekunder fra at man klikker ind på den, hvilket oftest er noget de fleste brugere vægter enormt højt, når de “surfer” rundt på nettet og som kan øge en sides konverteringsevne betydeligt.
LCP fortæller dog ikke noget om, hvor længe det tager at indlæse hele siden, da den som navnet indikerer udelukkende fortæller noget om, hvor længe det tager at loade den største filtype. Det er dog alligevel en noget retvisende indikator, da de fleste sider bruger HTTP 2-protokollen, som gør at sidens filer bliver loadet synkront eller anvender lazy loading, som gør, at siden loader løbende i takt med, at brugeren scroller ned langs siden.
Interaction to Next Paint (INP)
Interaction to Next Paint måler interaktivitet på siden og handler grundlæggende om, hvor hurtigt en side reagerer på brugeraktivitet eller input. Det måler, hvor længe der går fra at en bruger klikker på hjemmesiden til at der sker noget. Det kunne f.eks. være en webshop, hvor brugeren vil klikke mellem nogle billeder i en foto karrusel.
For at have en god INP-score (og brugeroplevelse), skal den gerne være minimum 200 millisekunder eller hurtigere.
INP erstattede FID som en Core Web Vital tilbage i marts 2024.
Cumulative Layout Shift (CLS)
Cumulative Layout Shift handler om sidens visuelle stabilitet. Den måler hvor meget de største elementer flytter sig i takt med at siden indlæses. Det kunne f.eks. være under layout skift i takt med at siden indlæses. Vi har set flere gange, at hvis man loader CSS asynkront, kan man godt opleve et større layoutskifte i bytte for hurtig indlæsning. Hvis man kan finde noget midt i mellem ville det være at foretrække, da det kan være træls for brugeren, hvis de skal til at trykke på noget på siden og elementet i samme sekund rykker sig.
Google plejede tidligere at måle CLS hele tiden, men er nu gået over til kun at måle det de første 5 sekunder på siden, hvor langt størstedelen af layout skiftene alligevel forekommer.
Hvordan påvirker Core Web Vitals din sides SEO?
Alle søgemaskiner og Large Language Models (AIs) bruger bots eller crawlers til at crawle (scanne), analysere og vurdere hjemmesider. De kigger bl.a. på sidernes indhold og hvor godt det matcher deres brugeres forespørgsler.
Ligeledes går de meget op i brugeroplevelsen på disse sider. Søgemaskiner eksisterer for at hjælpe deres brugere videre, hvorfor den dårlige brugeroplevelse i sidste ende vil falde tilbage på søgemaskinerne, hvis de konsekvent sender folk ind på sider med en dårlig brugeroplevelse (UX).
Det er bekræftet af Google, at Core Web Vitals er en ranking faktor. Det vides dog ikke i hvor høj grad det vægtes. Det spiller dog sammen med andre Google algoritmer som f.eks. Bounce rate (som blev bekræftet i 2024 i det store Google leak). Hvis siden er langsom eller skaber en dårlig oplevelse, vil bounce raten naturligvis også være højere, hvilket vil påvirke sidens SEO negativt.
Det er derfor en game changer for virksomheder, hvis de konkurrerer mod andre sider med nogenlunde samme indhold og links, at deres hjemmesides tekniske grundlag spiller bedre og at de kan tilbyde en bedre brugeroplevelse, hvorfor Google ville vælge deres hjemmeside som førstepladsen til et givent søgeord.
Derudover er en investering i en god brugeroplevelse noget som er værd at investere i uagtet om det resulterer i bedre SEO. Det er noget som er med til at øge konverteringsraten på din side betydeligt og kan understøtte samtlige marketingkanaler som bl.a. Facebook & Google Ads, hvilket kan give din virksomhed en betydelig konkurrencefordel over dine konkurrenter.
Hvordan kan jeg forbedre min sides Core Web Vitals?
Hvordan kan jeg forbedre min LCP:
- Optimer din sides billeder: komprimer dine billeder eller skift filformatet til AVIF eller WebP, da disse filtyper er mindre. Typisk kan man sagtens optimere sine billeder, så bliver 60-80% mindre uden at det ødelægger den visuelle kvalitet. Vi anvender her Shortpixel til vores WordPress og WooCommerce sider.
- Anvend lazy loading: anvend lazy loading, så brugerne ikke skal indlæse hele din side, men kun de dele af siden, som er relevante for dem. På denne måde slipper de for at indlæse dele af siden, de endnu ikke har scrollet ned til. Vi anvender her Shortpixel til vores WordPress og WooCommerce sider.
- Brug et CDN: Et CDN er et Content Delivery Network. Altså et netværk af servere, hvor man har sin side, som er spredt ud over et geografisk område. Det kunne f.eks. Dække alle tyske delstater, hele Europa eller hele verden – det afhænger af det enkelte CDNs placering af servere. Ideen ved at anvende et CDN er, at hvis en bruger i USA skal besøge din side, som er hostet på en dansk server, så opstår der en latenstid, som på grund af afstanden mellem de 2 servere kan tage lidt længere tid at indlæse din side, da der er noget “transport”. Derfor er det smart, hvis man har et CDN i USA, som er tæt på brugeren.
Vi anvender i Pixelhouse Cloudflares gratis CDN.
Hvordan kan jeg forbedre min CLS:
- Minimer tredjeparts elementer: Tredjeparts elementer på en side indlæses fra separate kilder i forhold til resten af siden. Derfor kan de indlæses på forskellige tidspunkter, hvilket kan ændre sidens layout under indlæsning. Ved at minimere brugen af disse tredjeparts elementer reduceres antallet af layoutændringer.
- Sørg for, at billeder indlæses i den optimale størrelse: Dette adskiller sig fra almindelig billedoptimering. Computere, tablets og smartphones kræver billeder i forskellige størrelser, da deres skærme varierer. Hvis en browser først indlæser et stort, desktop-optimeret billede og derefter skifter til et mobiloptimeret billede, kan dette forårsage, at indholdet på siden hopper, når det nye billede indlæses.
- Angiv højde og bredde for billeder og videoer: Egenskaberne for højde og bredde fortæller browseren, hvor stort et billede eller en video vil være, så der kan reserveres plads, inden de indlæses.
Hvordan kan jeg forbedre min FID:
- Reducer JavaScript: Kodetunge dynamiske websider kan forårsage inputforsinkelser, da browseren skal vente på, at al koden indlæses, før den kan eksekvere den. Minificering af JavaScript kan hjælpe med at fremskynde denne proces.
- Fokus på statiske sider: Statiske HTML-sider indlæses langt hurtigere end dynamiske sider, især når de distribueres via et CDN.
- Fjern unødvendige apps/plugins: Indlæsning af ekstra plugins på din hjemmeside kan også forringe ydeevnen. Ved at reducere antallet af plugins kan du forbedre FID og øge hastigheden på websiden generelt.
Hvordan tester jeg min side for Core Web Vitals?
De forskellige værktøjer
Der findes flere forskellige værktøjer derude til at teste din sides Core Web Vitals. De fleste data kommer fra Googles egne brugere. Såfremt du har besøgende nok på din side til at danne et tilstrækkeligt datagrundlag, vil du kunne se dine enkelte siders performance i forhold til CWV i din Google Search Console. Alternativt kan man også kigge på den enkelte side i Google Pagespeed Insights.
Det er værd at holde for øje, at Google tester Core Web Vitals for både mobil og desktop, hvorfor du vil opleve forskellige resultater.
Typisk har desktops en større CPU (motor), hvorfor de oftest vil have lettere ved at indlæse din side, end en mobil ville have. Derfor ser man oftest at desktop scorer betydeligt højere end mobil. Google er dog en “mobile first” søgemaskine samt så har mobilen overhalet desktoppen som den mest anvendte “computer” og holdt denne placering siden 2021, hvorfor de mobile resultater er de vigtigste.
Man kan sige: “hvis du optimerer til mobil, optimerer du til begge, hvis du optimerer til desktop, optimerer du til desktop”.
Herunder kan du finde nogle forskellige tools til at teste din sides Core Web Vitals:
Google PageSpeed Insights
Dette værktøj giver dig en detaljeret rapport om din hjemmesides ydeevne, inklusive LCP, INP og CLS. Du får konkrete anbefalinger til forbedringer, baseret på data fra både mobile og desktop-brugere.
Prøv det her: Google PageSpeed Insights
Lighthouse
Lighthouse er en open source Chrome-udvidelse, der analyserer din side og giver en omfattende vurdering af Core Web Vitals samt andre aspekter som SEO, tilgængelighed og performance.
Prøv det her: Lighthouse
Search Console Core Web Vitals-rapport
Hvis du bruger Google Search Console, kan du finde en dedikeret rapport om Core Web Vitals, som fremhæver sider, der skal optimeres, samt giver specifikke anbefalinger.
Prøv det her: Google Search Console
What do you think?
Google Analytics Alternative