Core Web Vitals är Googles sätt att mäta användarupplevelsen. De visar hur snabbt din sida laddas, hur snabbt den svarar på klick och hur stabil layouten är. Måtten är rankningsfaktorer. En sida med dåliga Core Web Vitals hamnar lägre än en likadan sida med bra värden. De spelar roll både för placeringen i sökresultaten och för den faktiska upplevelsen.
Vad är Core Web Vitals?
Core Web Vitals är tre mått som mäter sidupplevelsen. De ersatte det bredare begreppet Page Experience med konkreta mått som går att mäta.
De tre måtten är: Largest Contentful Paint (LCP) mäter laddningshastighet. Interaction to Next Paint (INP) mäter hur snabbt sidan svarar. Cumulative Layout Shift (CLS) mäter visuell stabilitet.
Google ser de här måtten som viktiga för användarupplevelsen. Sidor med bra värden känns snabba och responsiva. Sidor med dåliga värden känns långsamma och trasiga. Google belönar bra värden med bättre placeringar.
Largest Contentful Paint (LCP)
LCP mäter hur lång tid det tar innan det största elementet på sidan har laddats och syns. Det kan vara en stor bild, ett textblock eller en video. Gränsen är 2,5 sekunder. Sidor som visar det största elementet på under 2,5 sekunder har bra LCP.
Varför spelar det roll? Besökare bedömer sidans hastighet under den första sekunden. Om din sida är tom i 3 sekunder medan huvudbilden laddas tror besökarna att något är fel. De lämnar sidan. LCP under 2,5 sekunder betyder att besökarna snabbt ser något användbart.
För att förbättra LCP: optimera bilderna (komprimera dem och använd moderna format), skjut upp JavaScript som inte är kritiskt och korta serverns svarstid. Ladda det viktigaste innehållet först.
Interaction to Next Paint (INP)
INP mäter hur snabbt sidan svarar när någon använder den. När en besökare klickar på en knapp, skriver i ett fält eller trycker på skärmen: hur lång tid går det innan sidan reagerar? INP ska vara under 200 millisekunder.
Dålig INP känns seg. Sidan verkar frusen. Besökare klickar på knappar och ingenting händer på en sekund. Det ger en dålig upplevelse. Bra INP betyder att sidan svarar direkt.
För att förbättra INP: korta ner JavaScriptets körtid, dela upp långa uppgifter och optimera händelselyssnare. Använd verktyg för prestandaövervakning för att hitta flaskhalsar.
Cumulative Layout Shift (CLS)
CLS mäter visuell stabilitet. När sidan laddas flyttar sig elementen. Bilder dyker upp och trycker ner innehållet. Annonser laddas och förskjuter layouten. Det irriterar besökarna. CLS under 0,1 är bra.
Dålig CLS är frustrerande. Någon börjar läsa en artikel och texten hoppar. Någon klickar på en knapp och den flyttar sig. Annonser laddas och förstör layouten. Det tar energi och förstör upplevelsen.
För att förbättra CLS: reservera plats för bilder och annonser innan de laddas, undvik att lägga in innehåll ovanför det som redan finns och använd transform-animationer i stället för animationer som ändrar layouten.
Så mäter du Core Web Vitals
Använd Google PageSpeed Insights. Skriv in din URL så visar Google dina Core Web Vitals. Du ser data från riktiga besökare (om det finns) och labbdata (syntetiska tester).
Använd Google Search Console. Rapporten om Core Web Vitals visar hur många av dina sidor som är bra, behöver förbättras eller är dåliga. Den delar upp resultatet i mobil och dator.
Använd Chrome User Experience Report. Den visar data från riktiga besökare på tusentals webbplatser. Det hjälper dig att förstå hur din webbplats står sig mot andra.
Använd Lighthouse. Det här open source-verktyget körs i Chrome DevTools och mäter prestanda, inklusive Core Web Vitals. Du får konkreta råd om vad som kan bli bättre.
Vanliga problem med Core Web Vitals och hur du löser dem
Dålig LCP beror oftast på långsamt laddade bilder eller långsamt svar från servern. Optimera bilderna, använd ett CDN och korta serverns svarstid. Skjut upp JavaScript som inte är kritiskt och som blockerar renderingen.
Dålig INP beror oftast på för mycket JavaScript i huvudtråden. Dela upp långa uppgifter, skjut upp JavaScript som inte behövs direkt och optimera händelsehanterare. Använd requestIdleCallback för uppgifter med låg prioritet.
Dålig CLS beror oftast på bilder eller annonser utan angiven storlek, eller på innehåll som läggs in ovanför befintligt innehåll. Ange alltid bildens mått. Reservera plats för annonser innan de laddas. Undvik animationer som flyttar layouten.
Core Web Vitals och påverkan på placeringen
Google har bekräftat att Core Web Vitals är rankningsfaktorer. Sidor med bra värden placeras högre än sidor med dåliga värden (om allt annat är lika). Innehållets kvalitet väger ändå tyngre. En sida med utmärkt innehåll men dåliga värden kan fortfarande ranka om innehållet är tillräckligt värdefullt.
Påverkan varierar mellan branscher. För webbutiker och nyhetssajter spelar måtten stor roll. För nischat innehåll spelar de mindre roll. Men överlag ger bättre värden bättre placeringar.
Vanliga frågor
Påverkar Core Web Vitals placeringen direkt?
Ja, Google har bekräftat att Core Web Vitals är rankningsfaktorer. De är inte den viktigaste faktorn (innehåll och länkar väger tyngre), men de påverkar placeringen. Sidor med bra värden placeras högre än sidor med dåliga värden. Förbättrar du värdena kan du förbättra din placering. Med WEMASY:s webbplatsbyggare kan du ställa in det direkt på din webbplats.
Vad är ett bra värde för Core Web Vitals?
Bra betyder: LCP under 2,5 sekunder, INP under 200 millisekunder, CLS under 0,1. Behöver förbättras betyder: LCP 2,5-4 sekunder, INP 200-500 millisekunder, CLS 0,1-0,25. Dåligt betyder: LCP över 4 sekunder, INP över 500 millisekunder, CLS över 0,25. Sikta på grönt (bra) för alla tre måtten.
Kan jag förbättra Core Web Vitals utan utvecklare?
Vissa förbättringar är enkla (optimera bilder, ta bort oanvänd CSS). Andra kräver teknisk kunskap (optimering av JavaScript, serverns svarstid). Använd Google PageSpeed Insights för att se konkreta rekommendationer. Verktyget visar vad du ska åtgärda. Be din webbhotellsleverantör eller utvecklare om hjälp med åtgärderna. Många förbättringar kräver inga stora omskrivningar.
Hur ofta ska jag kontrollera mina Core Web Vitals?
Kontrollera en gång i månaden i Google Search Console. Följ trenderna så att du ser om något försämras. Efter förbättringar: vänta några veckor tills datan har stabiliserats och kontrollera sedan igen. Core Web Vitals kan variera med trafikmönster och riktiga besökares upplevelse. Regelbunden uppföljning hjälper dig att hålla koll på sidupplevelsen.
Vilket av måtten i Core Web Vitals är viktigast för SEO?
Alla tre spelar roll, men LCP (laddningshastighet) har historiskt haft störst inverkan på besökarnas beteende. Besökare bedömer sidans hastighet under den första sekunden. Känns sidan långsam lämnar de den. Alla tre måtten bidrar dock till den samlade sidupplevelsen och placeringen. Arbeta med att förbättra alla tre.
Spelar mobil eller dator störst roll för Core Web Vitals?
Mobilen spelar större roll eftersom Google främst indexerar mobilversionen. Bra värden på både mobil och dator hjälper dock din placering. Mobila nät är långsammare och mer varierande än fasta nät, så det är oftast svårare och viktigare att få bra värden på mobilen. Optimera för mobilen först.