En forsinkelse på ét sekund i indlæsningen af siden reducerer konverteringer med 7 %. For hjemmesider, der skaber betydelig omsætning, er det tusindvis af dollar tabt hver måned. Sidehastighed er ikke bare god praksis. Den bliver direkte målt af søgemaskiner og påvirker direkte placeringer. Core Web Vitals er tre specifikke målinger, der måler den reelle brugeroplevelse. Behersk dem, så forbedrer du placeringer og konverteringer. Lær, hvad de er, og hvordan du optimerer dem.
Sidehastighed påvirker placering. Core Web Vitals måler sidehastighed. Det er ikke vage anbefalinger. Det er specifikke målinger med målbare grænser. Sider, der opfylder grænserne, placerer sig bedre. Sider, der ikke gør, placerer sig dårligere.
Core Web Vitals er tre specifikke målinger
Largest Contentful Paint (LCP) måler, hvor hurtigt hovedindholdet indlæses. Interaction to Next Paint (INP) måler, hvor responsiv din side er over for input fra brugeren. Cumulative Layout Shift (CLS) måler, hvor stabilt layoutet er under indlæsning.
God LCP er under 2,5 sekunder. God INP er under 200 millisekunder. God CLS er under 0,1. Hvis din side fejler på nogen af dem, ved søgemaskiner, at brugere har en dårlig oplevelse.
LCP: Hovedindholdet bør indlæses hurtigt
Largest Contentful Paint måler, hvornår det største element på din side er færdig med at indlæse. På de fleste sider er det et billede eller en overskrift. Hvis din LCP er langsom, ser brugere en blank side, mens de venter.
Forbedr LCP ved at optimere billeder. Komprimér dem. Brug formater til næste generation som WebP. Brug lazy loading til billeder under folden. Brug en hurtig udbyder af hosting. Fjern JavaScript, der blokerer rendering. Små forbedringer lægger sig sammen.
Dit mål er under 2,5 sekunder. Hvis din LCP er 5 sekunder, forlader brugere siden, før de ser dit indhold. Hvis den er 2 sekunder, venter brugere og er engagerede.
INP: Din side bør reagere øjeblikkeligt på klik
Interaction to Next Paint måler tiden mellem, at en bruger klikker eller trykker på noget, og at siden reagerer. Hvis INP er langsom, føles din side frosset.
Forbedr INP ved at optimere JavaScript. Fjern unødvendige scripts. Del lange opgaver op. Optimér event listeners. Brug lazy loading til scripts fra tredjepart. En responsiv side konverterer bedre end en hurtig side, der ikke reagerer på input.
Mål: under 200 millisekunder. Hvis din side bruger 500 ms på at reagere på et klik, tror brugere, at den er i stykker. Hvis den reagerer på 100 ms, føles den øjeblikkelig.
CLS: Dit layout bør ikke flytte sig under indlæsning
Cumulative Layout Shift måler, hvor meget layoutet flytter sig rundt under indlæsning. Hvis billeder indlæses langsomt, rykker tekst ned. Hvis annoncer indlæses efter indholdet, flytter alt sig. Det er irriterende og forårsager utilsigtede klik.
Forbedr CLS ved at reservere plads til billeder og annoncer. Brug CSS-aspektforhold til at fortælle browseren, hvor meget plads der skal reserveres. Indlæs kritiske skrifttyper tidligt. Undgå at indsætte indhold over eksisterende indhold.
Mål: under 0,1. Enhver forskydning i layoutet er mærkbar for brugere. Hold den minimal.
Overvåg Core Web Vitals i data fra rigtige brugere
Lighthouse og PageSpeed Insights kører test under laboratorieforhold. Overvågning af rigtige brugere viser faktiske data. Brug Chrome User Experience Report eller søgekonsollen til at se data fra rigtige brugere.
Rigtige data betyder noget, fordi rigtige brugere har langsommere forbindelser og ældre enheder end din testcomputer. Det, der virker under laboratorieforhold, kan fejle i den virkelige verden.
Hastighed påvirker direkte omsætning
Hurtigere hjemmesider konverterer bedre. Langsommere hjemmesider mister kunder. For hvert sekunds forsinkelse mister du konverteringer. Det er målbart. Kør eksperimenter. Tilføj forbedringer af hastighed. Følg effekten på konverteringer.
En indlæsning af siden på 5 sekunder mister flere kunder end en indlæsning på 2 sekunder. Forskellen er penge. Optimér sidehastighed, og du øger omsætningen ved siden af placeringer.
Optimér billeder aggressivt
Billeder er som regel de største filer på sider. Komprimér dem ubarmhjertigt. Brug formater til næste generation. Brug lazy loading til billeder under folden. Brug responsive billeder, der skalerer til forskellige enheder.
At fjerne unødvendige billeder betyder nogle gange mere end at komprimere de resterende billeder. Har du brug for 10 billeder eller 5? Færre billeder indlæses hurtigere.
Ofte stillede spørgsmål
Hvad er en god score for Core Web Vitals?
Godt betyder: LCP under 2,5 sekunder, INP under 200 millisekunder, CLS under 0,1. Hvis en måling ligger over de grænser, fejler din side. Tjek dine faktiske data fra brugere i søgekonsollen. Scores fra laboratorium betyder mindre end den reelle brugeroplevelse. Med WEMASY's hjemmesidebygger kan du sætte det op direkte på din hjemmeside.
Hvordan måler jeg mine Core Web Vitals?
Brug Google PageSpeed Insights til test i laboratorium. Brug søgekonsollen til data fra rigtige brugere. Brug Lighthouse i Chrome DevTools. Brug værktøjer til overvågning fra tredjepart. Overvågning af rigtige brugere betyder mest, fordi den viser den faktiske oplevelse, ikke testforhold.
Garanterer forbedring af Core Web Vitals bedre placeringer?
Nej. Core Web Vitals er én rangeringsfaktor blandt hundredvis. Indholdets kvalitet og relevans betyder mere. Men Core Web Vitals fungerer som afgørende faktor, når andre faktorer er lige. Forbedr dem, men fokusér først på indholdets kvalitet.
Hvilken hosting påvirker Core Web Vitals mest?
Serverens svartid påvirker LCP betydeligt. Hurtigere udbydere af hosting leverer indhold hurtigere. Men hosting er kun en del af ligningen. Optimering af billeder, optimering af JavaScript og caching betyder lige så meget som hosting. Du kan ikke hoste dig ud af dårlig optimering.
Hvor lang tid tager det, før forbedringer af Core Web Vitals påvirker placeringer?
Søgemaskiner begynder måske at bruge de forbedrede målinger inden for dage. Men forbedringer i placeringer tager længere tid. Søgemaskiner vurderer sider igen over uger og måneder. Forbedr dine Core Web Vitals, men forvent ikke ændringer i placeringer fra den ene dag til den anden. Følg i stedet effekten på konverteringer, som ofte forbedres hurtigere end placeringer.
Hvilke scripts fra tredjepart skader Core Web Vitals mest?
Analytics, annoncer og chatwidgets gør ofte sider langsommere. Indlæs dem, efter hovedindholdet er færdigt. Brug asynkron indlæsning. Overvej at udskyde scripts, der ikke er kritiske. Test effekten af hvert script på dine Core Web Vitals. Fjern scripts, der giver minimal værdi, men skader præstationen betydeligt.