8 forbedringer du kan gøre i forhold til Core Web Vitals

Vi har lavet en liste af 8 lavpraktiske forbedringer, du kan tage action på, hvis du vil gøre dit site hurtigere, mere stabilt og bedre placeret på Google – men du kommer ikke uden om, at du får brug for hjælp af en udvikler, hvis du skal lykkes med dem alle.

Indhold

Hvad er CWV? Test dit site 1. Komprimer billeder 2. Fast højde på billeder 3. Lazy load 4. Minimer JavaScript 5. Test på mobilen 6. Valg af skrifttyper 7. Caching og hosting 8. Udskyd scripts

Hvad er Core Web Vitals?

Core Web Vitals er Googles måde at vurdere, om dit site er en fornøjelse at besøge – eller bare endnu en digital brændeovn, der sluger tålmodighed og performance.
De tre nørdede KPI’er du skal kende:

LCP – Largest Contentful Paint = hvor hurtigt det vigtigste indhold loader
INP – Interaction to Next Paint = hvor hurtigt siden reagerer, når man klikker
CLS – Cumulative Layout Shift = om siden hopper rundt, mens den loader

Et dårligt scorekort her = dårligere synlighed på Google, lavere konverteringsrate og kortere besøg. Så ja, det betyder noget.

Sådan tester du din side

Du kan bruge PageSpeed Insights eller Google Search Console til at teste din side. I Search Console får du konkrete optimeringsforslag.

Her er de 8 forbedringer, du (eller din udvikler) kan gå i gang med

1. Komprimer dine billeder

Store billeder er blandt de mest klassiske performance-dræbere. Sørg for, at dine billeder ikke er større end nødvendigt – hverken i størrelse eller opløsning.

Brug værktøjer som TinyPNG, ImageOptim eller Squoosh
Kører du WordPress? Prøv plugins som Smush, ShortPixel eller Imagify

2. Sæt faste højder på billeder og bannere

Når elementer hopper rundt på siden under load, får du en dårlig CLS-score. Løsningen er faktisk simpel: Fast højde på dine billeder i koden. Det kræver en udvikler – men det er ikke raketvidenskab.

3. Brug lazy loading på billeder og video

Lazy loading gør, at billeder først loader, når brugeren er tæt på at se dem. Det sparer loadtid og forbedrer især din LCP.

WordPress-bruger? Tjek a3 Lazy Load eller WP Rocket
Custom løsning? Snak med din udvikler – det kræver lidt kode

4. Minimer unødvendigt JavaScript

For meget JavaScript = sløv respons og dårlig INP. Få din udvikler til at fjerne, udsætte eller optimere scripts, du ikke bruger (eller som ikke behøver loade fra start).

Det kræver teknisk overblik – så få en der faktisk ved, hvad der kører på dit site.

5. Test altid på mobil – ikke desktop

Google måler dine Core Web Vitals primært på mobil. Så selvom det ser fint ud på din 27″ skærm, kan du stadig have et lorte-scorekort.

Brug mobilvisning i PageSpeed Insights og Google Search Console

6. Vælg skrifttyper, der ikke trækker tænder ud

Fonts loader ofte langsommere end man lige tror – og så står din tekst tom, eller hopper rundt. Brug font-display: swap i din CSS, så vises noget tekst med det samme.

Bemærk: Dette kræver ændringer i CSS eller tema – altså, udvikler på banen igen.

7. Caching og hurtig hosting

Det bedste kodearbejde i verden kan ikke redde dig, hvis serveren er en græsslåmaskine fra 90’erne. Brug caching, så brugerne ikke skal loade alt fra bunden hver gang. Og vælg en host, der kan følge med.

WordPress-plugins du kan benytte:

WP Rocket
W3 Total Cache
LiteSpeed Cache

8. Udskyd unødvendige scripts

Scripts til chatbots, tracking eller animationer skal ikke nødvendigvis loade først. Brug async eller defer, så de kører efter, siden er synlig.

Kræver kode-adgang og forståelse for rækkefølge, men I WordPress kan du bruge fx Asset CleanUp eller Perfmatters