Spring til indhold
tern

Artikel · SEO

Core Web Vitals: hvad de er, og hvordan I fikser dem

Simon Tern

Skrevet af

Simon Tern

Udgivet

Core Web Vitals er Googles måde at måle, hvordan det føles at bruge en side. Er den hurtig? Hopper tingene rundt? Reagerer den, når jeg trykker? Tre mål, tre spørgsmål.

De tre mål

LCP, største indhold indlæst. Hvor lang tid der går, før det største element vises, ofte et billede eller en overskrift. Mål: under 2,5 sekunder.

INP, svartid ved klik. Hvor hurtigt siden reagerer, når du trykker, skriver eller åbner en menu. Mål: under 200 millisekunder. INP afløste det gamle mål FID.

CLS, hoppende layout. Hvor meget siden flytter sig, mens den indlæses. Du skal trykke på en knap, en annonce indlæses, og du trykker på noget helt andet. Mål: under 0,1.

Betyder det noget for placeringen?

Ja, men med måde. Det er et signal blandt mange. Gode værdier gør ikke en dårlig side god. Men dårlige værdier koster besøgende og konverteringer, uanset hvad Google mener. Derfor er det værd at fikse.

Hvor ser I jeres værdier?

  • Search Console. Rapporten Core Web Vitals viser rigtige brugere, fordelt på mobil og computer.
  • PageSpeed Insights. Indsæt en adresse. Kig på feltdata øverst først, labdata bagefter.
  • Chrome DevTools. For dem, der vil grave.

Feltdata er det, der tæller. Labdata er et gæt under ideelle forhold.

Værdierne vurderes på 75. percentil. Det betyder, at tre ud af fire besøg skal klare grænsen. Værktøjerne deler sider op i gode, skal forbedres og dårlige. Start med de sider, der er dårlige og har mest trafik.

Almindelige årsager og løsninger

Langsom LCP

  • For store billeder. Komprimer og brug moderne formater som WebP eller AVIF.
  • Ingen prioritet på hovedbilledet. Forudindlæs det, sæt fetchpriority="high", og brug ikke lazy loading på det. Lazy loading er til billeder længere nede.
  • Langsom server, altså høj TTFB (tid til første byte). Bedre hosting, cache og CDN hjælper. Ingen billedoptimering redder en træg server.
  • Tunge skrifttyper. Indlæs færre varianter.

Dårlig INP

  • For meget JavaScript. Fjern plugins og scripts, I ikke har brug for.
  • Tredjepartsscripts som chat, sporing og widgets. Gennemgå dem ærligt.
  • Tunge menuer og filtre, der kører på hovedtråden.
  • Lange JavaScript-opgaver. Del dem op, så browseren kan nå at svare på et klik imellem.

Høj CLS

  • Billeder uden angivet bredde og højde. Sæt dem.
  • Annoncer og bannere, der dukker op uden reserveret plads. Reserver plads.
  • Cookiebannere, der skubber indholdet ned. Lad dem ligge oven på.
  • Skrifttyper, der skifter udseende, når de indlæses.

Rækkefølge at arbejde i

  1. Mål mobil først. Det er der, værdierne oftest er dårligst.
  2. Fiks de sider, der har mest trafik.
  3. Fjern scripts, I ikke har brug for, før I optimerer dem, I har brug for.
  4. Mål igen efter fire uger. Feltdata opdateres langsomt.

Et tip fra virkeligheden

Den almindeligste synder er sjældent koden. Det er et billede på 4 MB, som nogen har lagt op på forsiden. Start dér.

Har I brug for en gennemgang? Det er en del af min tekniske SEO og af SEO-ydelsen. Kontakt mig.

Mere om SEO

Er I klar til at tage næste skridt?

Fortæl, hvor jeres digitale strategi står i dag, så vender jeg tilbage.

Tal med Simon →