Integritet är viktigt för oss, så du kan välja att inaktivera vissa typer av lagring som kanske inte är nödvändig för webbplatsens grundläggande funktioner. Om du blockerar kategorier kan det påverka din upplevelse av webbplatsen. Mer information
Core Web Vitals: LCP, CLS och INP förklarade. Klara Googles rankinggränser med optimering av Largest Contentful Paint, Cumulative Layout Shift och Interaction to Next Paint.
Verktyg
Grundare av Sorank, med över 7 års erfarenhet av SEO och ett stort intresse för GEO.
Sammanfattning
Core Web Vitals är tre mätvärden för användarupplevelse (LCP, CLS, INP) som Google använder som rankingfaktorer för att mäta hur snabb och responsiv din webbplats är.
Vill du veta mer? Fråga
År 2021 meddelade Google att Core Web Vitals är rankingfaktorer. Tre specifika mätvärden påverkar nu direkt dina sökrankingar: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) och Interaction to Next Paint (INP). Webbplatser med dåliga värden har mindre chans att ranka väl. Webbplatser med utmärkta värden får en rankingfördel. För modern SEO är det ett måste att klara Core Web Vitals.
Konsekvenserna är stora. Du kan inte längre bortse från prestanda. Du kan inte bygga en långsam webbplats och hoppas på bra rankingar. Google har tydligt visat att användarupplevelsen spelar roll, och Core Web Vitals mäter just användarupplevelsen. Att optimera Core Web Vitals är inte längre valfritt; det är nödvändigt för att synas i konkurrensen på sökmotorerna.
Core Web Vitals mäter tre dimensioner av användarupplevelsen: laddningshastighet (LCP), visuell stabilitet (CLS) och responsivitet (INP). Googles sida om Web Vitals definierar varje mätvärde i detalj. Dessa tre mätvärden representerar de viktigaste delarna av hur användare upplever din webbplats.
Google har samlat in biljoner datapunkter från riktiga användare för att avgöra vilka mätvärden som betyder mest. Resultatet är Core Web Vitals. Det här är inte godtyckliga gränsvärden; det är evidensbaserade mätningar av vad som gör att en webbplats känns snabb och responsiv för riktiga användare.
Googles officiella meddelande förklarar hur Core Web Vitals påverkar sökrankingen. Google ser Core Web Vitals som en av flera rankingfaktorer. Innehållets kvalitet och relevans väger fortfarande tyngre, men två lika relevanta webbplatser rankas efter sin prestanda i Core Web Vitals.
Largest Contentful Paint (LCP) mäter hur lång tid det tar för sidans största innehållselement att bli synligt för användaren. Det kan vara en bild, en video, en rubrik eller ett textblock. LCP mäter ögonblicket då användaren kan se huvudinnehållet och uppfatta att sidan har laddats.
Googles rekommendation: LCP bör vara under 2,5 sekunder. Sidor med LCP under 2,5 sekunder anses vara ”bra”. Sidor med LCP mellan 2,5 och 4 sekunder behöver förbättras. Sidor med LCP över 4 sekunder är ”dåliga”. Användare som upplever en LCP över 3 sekunder uppfattar sidan som långsam. Användare som upplever en LCP över 4 sekunder lämnar ofta sidan.
Vanliga orsaker till långsam LCP: långsam serverrespons, renderingsblockerande CSS och JavaScript, ooptimerade bilder och stora typsnitt som tar tid att ladda. Åtgärda LCP genom att förbättra serverhastigheten (minska Time to First Byte, TTFB), ta bort renderingsblockerande resurser, skjuta upp JavaScript, optimera och komprimera bilder, använda moderna bildformat (WebP) och förladda kritiska resurser.
PageSpeed Insights visar din LCP-poäng och ger konkreta förbättringsförslag. Kör testet på dina viktigaste sidor, prioritera förslagen efter effekt och genomför de åtgärder som ger störst effekt först.
Cumulative Layout Shift (CLS) mäter oväntade rörelser hos sidans element under laddningen. När du läser en artikel och texten plötsligt hoppar nedåt för att en annons laddades ovanför den, är det en layoutförskjutning. CLS mäter hur mycket sidans layout förskjuts under laddningen.
Googles rekommendation: CLS bör vara under 0,1. Ett CLS under 0,1 är ”bra”. Värden mellan 0,1 och 0,25 behöver förbättras. Värden över 0,25 är ”dåliga”. Även små layoutförskjutningar adderas. Ett CLS på 0,15 betyder att sidans element förskjutits sammanlagt 15 procent av visningsytans höjd under laddningen. Användarna tycker detta är irriterande och upplever frustration.
Vanliga orsaker till högt CLS: annonser som laddas asynkront, bilder utan angivna bredd- och höjdattribut, inbäddningar (YouTube-videor, widgets från sociala medier) som laddas asynkront och typsnitt som byts plötsligt. Åtgärda CLS genom att ange bildernas dimensioner i HTML (attributen width och height), reservera utrymme för annonser innan de laddas, använda font-display: swap i CSS för @font-face för att undvika hack när typsnittet byts och ladda videor och inbäddningar synkront eller med reserverat utrymme.
Varje bild på din webbplats bör ha tydliga attribut för width och height. Det talar om för webbläsaren att reservera utrymme innan bilden laddas. Utan dimensioner vet webbläsaren inte hur mycket utrymme som ska reserveras, vilket orsakar layoutförskjutning när bilden anländer.
Interaction to Next Paint (INP) mäter hur snabbt sidan reagerar på användarinteraktioner (klick, tryck och tangentbordsinmatning). INP är tiden mellan att användaren interagerar med sidan och att sidan visuellt svarar. En responsiv sida svarar på millisekunder. En icke-responsiv sida tar sekunder.
Googles rekommendation: INP bör vara under 200 millisekunder. Värden under 200 ms är ”bra”. Värden mellan 200 och 500 ms behöver förbättras. Värden över 500 ms är ”dåliga”. Användare förväntar sig en omedelbar reaktion. Ett INP på 500 ms känns trögt. Ett INP på 1 sekund känns trasigt.
Vanliga orsaker till dåligt INP: tungt JavaScript som blockerar huvudtråden, stora skript från tredje part, ineffektiva händelsehanterare och bristande användning av requestIdleCallback. Åtgärda INP genom att dela upp långa JavaScript-uppgifter i mindre delar, skjuta upp icke-kritiskt JavaScript, ta bort oanvända skript, optimera händelselyssnare och använda webbworkers för beräkningskrävande uppgifter.
INP är ofta det svåraste Core Web Vitals-måttet att optimera, eftersom det kräver JavaScript-kompetens. Om ditt team saknar kunskap om JavaScript-optimering kan du överväga att anlita en prestandakonsult eller en extern tjänst för prestandaoptimering.
Core Web Vitals mäts på två sätt: labbdata och fältdata. Labbdata kommer från verktyg som PageSpeed Insights och Lighthouse som körs i en kontrollerad miljö. Fältdata kommer från riktiga användare som besöker din webbplats. Google prioriterar fältdata eftersom den speglar den faktiska användarupplevelsen.
Googles lärarväg för prestanda förklarar skillnaden mellan labb- och fältmätningar. Labbdata hjälper dig att hitta problem och testa lösningar. Fältdata visar prestandan i verkligheten. Du kan ha utmärkta labbpoäng men dåliga fältpoäng om dina riktiga användare surfar på långsamma nätverk eller gamla enheter.
Google Search Console rapporterar fältdata för Core Web Vitals. Rapporten visar riktiga användarmätningar sammanställda från Chrome User Experience Report (CrUX). Om din webbplats saknar tillräckligt med riktig användardata visar Google i stället labbdata från Lighthouse.
Google definierar ”bra” Core Web Vitals som att nå den 75:e percentilen av användarupplevelsen. Det betyder att 75 procent av de riktiga användarna upplever din webbplats på eller över gränsvärdet. Gränsvärdena är:
LCP: 2,5 sekunder eller mindre. CLS: 0,1 eller mindre. INP: 200 millisekunder eller mindre. Gränsvärdena har validerats vetenskapligt genom analys av biljoner riktiga användarinteraktioner. Sidor som ligger på eller över dessa gränsvärden ger en bra användarupplevelse.
Google kräver dock inte att 100 procent av dina sidor klarar Core Web Vitals. Om 75 procent av dina sidor klarar dem anses din webbplats ha ”bra” Core Web Vitals i stort. Det betyder att du kan ha några långsammare sidor och ändå klara kraven om majoriteten av dina trafikerade sidor är snabba.
För optimering av LCP: mät först din TTFB (Time to First Byte) med PageSpeed Insights. Om TTFB är långsam (över 600 ms) är din server flaskhalsen. Uppgradera webbhotellet, optimera backendkoden eller använd ett Content Delivery Network (CDN). Om TTFB är bra men LCP är långsam blockerar din CSS eller ditt JavaScript renderingen. Skjut upp icke-kritiskt JavaScript och bädda in den kritiska CSS:en för innehållet ovanför vecket.
För optimering av CLS: granska din webbplats efter element som rör sig under laddningen. Använd webbläsarens utvecklarverktyg för att hitta element som förskjuts. Lägg till attributen width och height på varje bild. Använd font-display: swap i CSS. Reservera utrymme för annonser, inbäddningar och dynamiskt innehåll.
För optimering av INP: använd fliken Performance i Chrome DevTools för att hitta långa JavaScript-uppgifter (uppgifter som tar över 50 ms). Dela upp långa uppgifter. Skjut upp icke-kritiskt JavaScript. Använd requestIdleCallback för arbete med låg prioritet. Testa på riktiga enheter, inte bara på stationära datorer.
Använd Google Search Console för att övervaka prestandan i Core Web Vitals. Rapporten för Core Web Vitals visar din webbplats riktiga användarmätningar och hur de står sig mot Googles gränsvärden. Sidor delas in i kategorierna Bra, Behöver förbättras eller Dålig.
Ställ in larm för övervakningen. Om dina Core Web Vitals försämras behöver du undersöka direkt. Orsakerna kan vara: nya kodutrullningar som introducerat ineffektivitet, nya skript från tredje part, ändringar av bilder eller media eller problem med webbhotellet.
Övervaka mobil och desktop var för sig. Mobila enheter har vanligtvis långsammare processorer och nätverk, så Core Web Vitals är ofta sämre på mobil än på desktop. Prioritera mobiloptimering för webbplatser med betydande mobiltrafik.
Core Web Vitals är nu en central rankingfaktor, jämförbar i betydelse med bakåtlänkar och innehållets kvalitet. Webbplatser med dåliga Core Web Vitals kommer sannolikt inte att ranka väl, oavsett hur bra deras innehåll är. Det betyder att prestandaoptimering måste vara en del av din SEO-strategi, inte en eftertanke.
Om du tävlar om rankingar och dina konkurrenter har bättre Core Web Vitals har de en rankingfördel. Du kan inte vinna enbart på innehåll om din webbplats är långsam och icke-responsiv. Du måste matcha eller överträffa konkurrenternas prestanda för att tävla på lika villkor.
Core Web Vitals är nu avgörande för framgång inom SEO. Att optimera LCP, CLS och INP förbättrar direkt dina sökrankingar och användarupplevelsen. Webbplatser med utmärkta Core Web Vitals går om liknande relevanta webbplatser med dåliga värden. Det finns ingen väg runt detta: vill du ha toppositioner måste du klara Core Web Vitals.
Börja med att köra PageSpeed Insights på dina viktigaste sidor. Identifiera de största flaskhalsarna och åtgärda dem först. Prioritera mobiloptimering. Övervaka prestandan regelbundet i Google Search Console. Använd vår GEO SEO-granskning för att hitta Core Web Vitals-problem på hela din webbplats och följa förbättringarna över tid.
Källor
Nej. Core Web Vitals är nödvändiga men inte tillräckliga för toppositioner. En webbplats med utmärkta Core Web Vitals men dåligt innehåll och inga bakåtlänkar kommer inte att ranka väl. Core Web Vitals är avgörande när webbplatser med liknande innehållskvalitet konkurrerar.
Bra (godkända) poäng är: LCP under 2,5 sekunder, CLS under 0,1 och INP under 200 millisekunder. Google utgår från dessa gränsvärden baserat på den 75:e percentilen av användarupplevelsen.
Snabba vinster (bildoptimering, uppskjutet JavaScript) kan förbättra poängen inom några dagar. Strukturella förändringar kan ta veckor. En fullständig optimering av Core Web Vitals tar vanligtvis 4 till 12 veckor.
DE TESTADE SORANK FÖRE DIG
“Jag testade Sorank på en riktig kundsajt och det är helt otroligt. Det gör allt som en byrå skulle ta 1500 dollar i månaden för. Den används nu i produktion för den kunden.”
Guillaume Guersanguersanguillaume.com“Vi är en annonsbyrå och ville få igång vår SEO på rätt spår en gång för alla. Sorank gav oss en tydlig bild av vår webbplats, hjälpte oss att prioritera optimeringarna och att strukturera vårt innehåll på rätt sätt. Verktyget är lätt att använda, väl genomtänkt för ett team och mycket praktiskt för att samla uppföljningen på ett ställe utan att jonglera med flera plattformar. En mycket stabil grund för att börja om från början med vår SEO.”
Gaspard MadouiAnnonsbyrå
“Jag lät bara Sorank-programvaran göra sitt, och nu är min DR 25 och min sida rankas högre.”
Lucas Flandrefoundertrace.fr“Jag specialiserade mig på GEO tack vare Sorank. GEO-rankningen gör det möjligt för mig att visa mina kunder deras position jämfört med konkurrenterna i ChatGPT. Det är en verklig konkurrensfördel.”
MélanieFrilans SEO-konsult“Bra service, den fungerar bra för vår webbplats och hjälper oss att förstå hur vi kan förbättra den för att rankas bättre på Google och på andra ställen. Grattis, fortsätt så, jag rekommenderar det.”
Hugo T.Handlare inom e-handel
