Hjemmesidens hastighed: sådan bliver jeres side hurtig

Marketingansvarlig har lige sat en kampagne i gang på Google og Meta og betaler for hvert klik. Landingssiden ser flot ud på kontorets store skærm, men på en telefon i S-toget tager det fem sekunder, før billedet øverst dukker op, og knappen hopper ned, lige som man vil trykke. En del af de betalte besøgende er væk, før siden er færdig. Hastighed er en af de få ting på en hjemmeside, der både påvirker Google, brugeroplevelsen og salget på én gang, og det er heldigvis også en af de mest målbare.

Hvor hurtig skal en hjemmeside være?

Google har lavet et konkret svar. En side regnes for hurtig, når mindst 75 % af besøgene opfylder disse tre grænser, målt på rigtige brugere:

Hvad er Core Web Vitals? LCP, INP og CLS forklaret

Core Web Vitals er tre målinger, Google bruger til at beskrive, hvordan det føles at bruge en side. De måler det, brugeren oplever: hvornår ser jeg noget, hvornår kan jeg bruge det, og ligger det stille.

LCP: hvornår ser brugeren hovedindholdet?

Largest Contentful Paint måler, hvor lang tid der går, fra brugeren klikker, til det største element i det synlige vindue er vist. Det er oftest det store billede øverst, en video eller en overskrift. Grænsen for godt er 2,5 sekunder. De klassiske syndere er et billede på flere megabyte, en langsom server eller skrifttyper og scripts, der skal hentes, før noget må vises.

INP: hvor hurtigt reagerer siden, når man klikker?

Interaction to Next Paint erstattede den ældre måling FID i marts 2024. INP måler, hvor lang tid der går, fra brugeren trykker på en knap, åbner en menu eller skriver i et felt, til skærmen viser en reaktion. Grænsen er 200 millisekunder. Sider med meget JavaScript, mange sporingsscripts eller tunge chatwidgets har ofte problemer her, fordi telefonen har travlt med at køre kode, når brugeren trykker.

CLS: hopper indholdet rundt?

Cumulative Layout Shift måler, hvor meget indholdet flytter sig uventet, mens siden indlæses. Det er den irriterende oplevelse, hvor man er ved at trykke på et link, og et billede eller en annonce pludselig skubber alt ned. Grænsen er 0,1. Typiske årsager er billeder uden angivet størrelse, bannere der indsættes øverst og skrifttyper, der skifter størrelse, når de er hentet.

Hvordan tester I hjemmesidens hastighed gratis?

1. Åbn PageSpeed Insights fra Google, og indtast adressen på jeres forside og jeres vigtigste landingsside.
2. Vælg fanen Mobil, og læs feltdata øverst: står der "Bestået" ud for Core Web Vitals?
3. Rul ned til den simulerede test, og notér scoren og de tre største anbefalinger.
4. Åbn Google Search Console, og gå til rapporten Core Web Vitals for at se, hvilke grupper af sider der har problemer.
5. Test på en almindelig telefon på mobilnet, ud over kontorets wifi, og læg mærke til, om noget hopper.
6. Gentag hver måned og efter hver større ændring, så I fanger forringelser tidligt.

Hvad gør en hjemmeside langsom?

Når vi gennemgår langsomme sider, er det næsten altid de samme forklaringer, der går igen. Typisk er det mange små ting, der er lagt oven på hinanden over flere år, efterhånden som nye værktøjer og kampagner er kommet til:

• Billeder uploadet direkte fra kameraet eller billedbanken i fuld størrelse.
• Sporingsscripts fra fem forskellige værktøjer, hvoraf to ikke længere bruges.
• En chatwidget, et cookiebanner og en videoafspiller, der alle indlæses før indholdet.
• Et WordPress-tema med indbygget sidebygger og 30 plugins, der hver tilføjer deres egne filer.
• Mange forskellige skrifttyper og vægte, der hentes fra eksterne servere.
• Billigt delt webhotel uden cache, hvor serveren bruger et sekund på at svare.
• En slider øverst på forsiden med fem store billeder, hvoraf kun ét ses.

Hvordan gør I hjemmesiden hurtigere? De ti rettelser, der virker bedst

Betyder hastighed noget for Google og for salget?

Google har bekræftet, at Core Web Vitals indgår i vurderingen af siders oplevelse, som er et rangeringssignal. Det er et beskedent signal i forhold til, hvor relevant og nyttigt indholdet er, så en hurtig side med tyndt indhold vinder ikke over en grundig side, der er lidt langsommere. Hastighed fungerer bedst som en fordel, når indholdet i forvejen er stærkt, og som en bremse, når siden er meget langsom. Den største effekt ligger hos brugerne. Offentlige undersøgelser fra Google og store webshops har gentagne gange vist, at hurtigere sider hænger sammen med flere, der bliver, og flere, der køber.

Et regneeksempel: I køber 10.000 klik om måneden til 8 kr. stykket, altså 80.000 kr. Hvis siden er så langsom, at hver tiende besøgende giver op, før den er indlæst, betaler I 8.000 kr. om måneden for besøgende, der aldrig så jeres tilbud. Det er 96.000 kr. om året, før vi taler om de kunder, der blev, men købte mindre, fordi siden føltes tung. Til sammenligning koster en målrettet hastighedsgennemgang med de vigtigste rettelser typisk en brøkdel af det. Tallene er et eksempel; brug jeres egen klikpris og trafik. Hastighed hænger tæt sammen med konverteringsoptimering, og de to bør planlægges sammen.

Er WordPress langsommere end Next.js?

En velbygget WordPress-side med et let tema, få plugins og god cache kan sagtens bestå Core Web Vitals. Problemet er, at mange WordPress-sider ender med tunge temaer og sidebyggere, og at hvert nyt plugin tilføjer kode. Next.js er bygget til at levere færdige sider fra serveren, optimere billeder automatisk og kun sende det JavaScript, hver side har brug for. Det gør det lettere at være hurtig fra starten og at forblive hurtig, efterhånden som siden vokser. Vi har sammenlignet de to i Next.js vs WordPress, og et headless CMS kan give jeres redaktører den samme frihed som WordPress oven på en hurtig Next.js-side.

Hvordan foregår et hastighedsprojekt?

Skal I alligevel bygge ny side, så gør hastighed til et krav i tilbuddet: "alle sidetyper skal bestå Core Web Vitals på mobil ved lancering". Det er en af de mest konkrete måder at måle en leverandør på. Læs også, hvad der ellers hører med i en SEO-venlig hjemmeside.

Hvordan bygger Ceptiv hurtige hjemmesider?

Vi bygger i Next.js, React og TypeScript, med billedoptimering, færdigbyggede sider og så lidt tredjepartskode som muligt. Hastighed testes på mobil før lancering, og den faste månedlige drift dækker hosting, opdateringer og overvågning, så siden forbliver hurtig. Har I en eksisterende side, der er blevet langsom, kan en UX-audit kombinere hastighed med en gennemgang af brugeroplevelsen. Vores webpakker starter ved 18.000 kr. plus 600 kr. om måneden; se dem under priser.

Send adressen på jeres side og jeres vigtigste mål, så får I en fast pris inden for 24 timer på enten en hastighedsgennemgang eller en ny, hurtig side.