En sekunds fördröjning i laddningstiden minskar konverteringarna med 7 %. För webbplatser med stora intäkter är det tusentals dollar i förlorad försäljning varje månad. Sidhastighet är inte bara god praxis. Den mäts direkt av sökmotorerna och påverkar rankingen direkt. Core Web Vitals är tre mätvärden som mäter den verkliga användarupplevelsen. Behärskar du dem förbättrar du både ranking och konverteringar. Lär dig vad de är och hur du optimerar dem.
Sidhastigheten påverkar rankingen. Core Web Vitals mäter sidhastighet. Det är inga vaga rekommendationer. Det är specifika mätvärden med mätbara gränser. Sidor som klarar gränserna rankar bättre. Sidor som inte klarar dem rankar sämre.
Core Web Vitals är tre specifika mätvärden
Largest Contentful Paint (LCP) mäter hur snabbt huvudinnehållet laddas. Interaction to Next Paint (INP) mäter hur snabbt sidan svarar på användarens handlingar. Cumulative Layout Shift (CLS) mäter hur stabil layouten är under laddningen.
Bra LCP är under 2,5 sekunder. Bra INP är under 200 millisekunder. Bra CLS är under 0,1. Om din sida inte klarar något av dem vet sökmotorerna att användarna får en dålig upplevelse.
LCP: huvudinnehållet ska laddas snabbt
Largest Contentful Paint mäter när det största elementet på sidan har laddats klart. På de flesta sidor är det en bild eller en rubrik. Om din LCP är långsam ser användarna en tom sida medan de väntar.
Förbättra LCP genom att optimera bilder. Komprimera dem. Använd moderna format som WebP. Ladda bilder under vecket med lazy loading. Använd en snabb hostingleverantör. Ta bort JavaScript som blockerar renderingen. Små förbättringar summerar sig.
Ditt mål är under 2,5 sekunder. Om din LCP är 5 sekunder lämnar användarna sidan innan de ser ditt innehåll. Om den är 2 sekunder väntar användarna och är engagerade.
INP: sidan ska svara direkt på klick
Interaction to Next Paint mäter tiden från att en användare klickar eller trycker på något tills sidan svarar. Om INP är långsam känns sidan som att den hänger sig.
Förbättra INP genom att optimera JavaScript. Ta bort onödiga skript. Dela upp långa uppgifter. Optimera händelselyssnare. Ladda tredjepartsskript med lazy loading. En sida som svarar konverterar bättre än en snabb sida som inte reagerar på handlingar.
Mål: under 200 millisekunder. Om din sida tar 500 ms på sig att svara på ett klick tror användarna att den är trasig. Om den svarar på 100 ms känns det omedelbart.
CLS: layouten ska inte hoppa under laddningen
Cumulative Layout Shift mäter hur mycket layouten flyttar på sig under laddningen. Om bilder laddas långsamt flyttas texten nedåt. Om annonser laddas efter innehållet flyttas allt. Det är irriterande och leder till oavsiktliga klick.
Förbättra CLS genom att reservera plats för bilder och annonser. Använd CSS aspect ratio för att tala om för webbläsaren hur mycket plats som ska reserveras. Ladda viktiga typsnitt tidigt. Undvik att lägga in innehåll ovanför befintligt innehåll.
Mål: under 0,1. Varje layoutförskjutning märks av användarna. Håll den så liten som möjligt.
Följ Core Web Vitals i data från riktiga användare
Lighthouse och PageSpeed Insights kör tester under laboratorieförhållanden. Övervakning av riktiga användare visar faktiska data. Använd Chrome User Experience Report eller sökmotorernas konsol (Search Console) för att se data från riktiga användare.
Verkliga data är viktiga eftersom riktiga användare har långsammare anslutningar och äldre enheter än din testdator. Det som fungerar i laboratorium kan misslyckas i verkligheten.
Hastigheten påverkar intäkterna direkt
Snabbare webbplatser konverterar bättre. Långsammare webbplatser förlorar kunder. För varje sekunds fördröjning förlorar du konverteringar. Det går att mäta. Kör experiment. Lägg till hastighetsförbättringar. Följ effekten på konverteringarna.
En sida som laddas på 5 sekunder förlorar fler kunder än en som laddas på 2 sekunder. Skillnaden är pengar. Optimera sidhastigheten så ökar du intäkterna samtidigt som du förbättrar rankingen.
Optimera bilder hårt
Bilder är oftast de största filerna på sidorna. Komprimera dem skoningslöst. Använd moderna format. Ladda bilder under vecket med lazy loading. Använd responsiva bilder som skalas för olika enheter.
Att ta bort onödiga bilder spelar ibland större roll än att komprimera de som blir kvar. Behöver du 10 bilder eller räcker 5? Färre bilder laddas snabbare.
Vanliga frågor
Vad är ett bra resultat för Core Web Vitals?
Bra betyder: LCP under 2,5 sekunder, INP under 200 millisekunder, CLS under 0,1. Om något mätvärde ligger över gränserna klarar sidan inte kraven. Kontrollera dina faktiska användardata i Search Console. Laboratorieresultat betyder mindre än den verkliga användarupplevelsen. Med WEMASY:s webbplatsbyggare kan du ställa in det här direkt på din webbplats.
Hur mäter jag mina Core Web Vitals?
Använd Google PageSpeed Insights för laboratorietester. Använd Search Console för data från riktiga användare. Använd Lighthouse i Chrome DevTools. Använd övervakningsverktyg från tredje part. Övervakning av riktiga användare är viktigast eftersom den visar den faktiska upplevelsen, inte testförhållanden.
Garanterar bättre Core Web Vitals bättre ranking?
Nej. Core Web Vitals är en rankingfaktor bland hundratals. Innehållets kvalitet och relevans väger tyngre. Men Core Web Vitals fungerar som utslagsgivare när andra faktorer är lika. Förbättra dem, men fokusera på innehållets kvalitet först.
Vilken hosting påverkar Core Web Vitals mest?
Serverns svarstid påverkar LCP rejält. Snabbare hostingleverantörer levererar innehåll snabbare. Men hosting är bara en del av ekvationen. Bildoptimering, JavaScript-optimering och cachning spelar lika stor roll som hosting. Du kan inte lösa dålig optimering med bättre hosting.
Hur lång tid tar det innan bättre Core Web Vitals påverkar rankingen?
Sökmotorerna kan börja använda de förbättrade mätvärdena inom några dagar. Men rankingförbättringar tar längre tid. Sökmotorerna utvärderar sidor på nytt över veckor och månader. Förbättra dina Core Web Vitals men räkna inte med ranking över en natt. Följ i stället effekten på konverteringarna, som ofta förbättras snabbare än rankingen.
Vilka tredjepartsskript skadar Core Web Vitals mest?
Analys, annonser och chattwidgetar gör ofta sidor långsammare. Ladda dem när huvudinnehållet är klart. Använd asynkron laddning. Överväg att skjuta upp skript som inte är kritiska. Testa varje skripts effekt på dina Core Web Vitals. Ta bort skript som ger litet värde men skadar prestandan rejält.