PageSpeed vs Core Web Vitals – vad är viktigast 2025?

PageSpeed vs Core Web Vitals (SEO 2025)

• Core Web Vitals (LCP, INP, CLS) är ranking-nära och bygger på fältdata.
• PageSpeed-poängen är ett labbindex (Lighthouse) – använd för felsökning, inte som KPI i SEO.
• Prioritera åtgärder som förbättrar LCP ≤ 2.5 s, INP ≤ 200 ms, CLS ≤ 0.1.

Skillnaden i praktiken

PageSpeed är ett syntetiskt test som körs i en kontrollerad miljö. Poängen kan variera med nätverk, enhet och script-ordning – och den är inte en direkt ranking-signal.

Core Web Vitals samlas in från riktiga användare (CrUX/field data) och speglar verklig upplevelse. De har bevisad koppling till både SEO och konvertering.

Slutsats: Använd PageSpeed för att hitta problem, men mät framgång mot CWV-trösklarna.

Prioriteringsguide 2025

LCP (Largest Contentful Paint) – snabb visuell laddning

• Komprimera och förladda hero-bilden:

  <link rel="preload" as="image" href="/path/hero.webp" imagesrcset="/path/hero.webp 1x" imagesizes="100vw">

• Ange dimensioner på bilder (förhindrar CLS och snabbar på layout):

  <img src="/img.jpg" width="1200" height="675" loading="lazy" alt="...">

• CDN + caching för statiska resurser, komprimering (Brotli), minifierad kritisk CSS.

INP (Interaction to Next Paint) – responsivitet

• Minska JS-payload (code-splitting, ta bort oanvända script, lazy-loada tunga widgets).
• Bryt upp long tasks (>50 ms) och använd requestIdleCallback/setTimeout för icke-kritiska jobb.
• Passive event listeners:

  window.addEventListener('touchstart', onTouch, { passive: true });

CLS (Cumulative Layout Shift) – visuell stabilitet

• Reservera yta för media med width/height eller CSS aspect-ratio.
• Använd font-display: swap; för webfonts för att undvika layoutskift.
• Undvik att injicera banners ovanför innehåll efter initial render.

Hur du mäter rätt

• Search Console → Core Web Vitals: fältdata per mall/URL-grupp.
• PageSpeed Insights: visa både labb (felsökning) och fält (CrUX) för enskilda URL:er.
• KrabVision: veckovisa rekommendationer och prioriteringslista som kombinerar SEO och prestanda.

Ny till Core Web Vitals? Läs vår kompletta guide till CWV.

Actionplan (30 dagar)

1. Identifiera LCP-element på toppsidor (hero-bild eller block).
2. Förladda hero-resursen och minska blockande JS/CSS före LCP.
3. Fixa de största CLS-källorna (bilddimensioner, font-swap, annonsytor).
4. Mät INP på interaktiva vyer och kapa long tasks.
5. Följ upp med fältdata i Search Console och iterera.