En kunde står i sit køkken med en utæt vandhane. Hun søger på "vvs Skive" på Google, klikker på det første resultat, og skærmen bliver hvid. Hun venter halvandet sekund. Så går hun tilbage og klikker på det næste.

Du fik aldrig at vide, at hun var til stede.

Det er hele problemet med hastighed. Det er den eneste markedsføringsfejl, du aldrig ser konsekvensen af. Ingen ringer og siger, at de gav op. Her er, hvad der bliver målt. Her er, hvad det koster. Her er, hvordan du selv finder ud af, hvor du står.

De tre tal, Google måler

Google måler brugeroplevelsen med tre tal, som samlet hedder Core Web Vitals. De er en bekræftet del af Googles rangering. Det er ikke det vigtigste signal, men det er et rigtigt signal. Det kan afgøre, hvilken hjemmeside der klarer sig bedst, hvis to sider ellers er lige gode.

Vigtigt: de måler på rigtige besøgendes oplevelse, ikke i et laboratorium. Det er data fra folk, der faktisk har besøgt din hjemmeside. De bruger de telefoner og forbindelser, de nu har.

LCP – Largest Contentful Paint

Hvad det betyder: hvor lang tid det tager, før det største element øverst på skærmen vises. Det er typisk dit store forsidebillede eller din overskrift.

På dansk: hvor lang tid går der, før kunden kan se, at hun er det rigtige sted.

Målet: 2,5 sekunder eller mindre.

Hvad der typisk ødelægger det: et stort billede, som ikke er gjort mindre. En langsom server. Skrifttyper, der skal hentes fra en anden hjemmeside, før teksten vises. En hjemmeside, der først bygger sig færdig i browseren, før den viser noget.

Det er klart det vigtigste af de tre tal for en almindelig håndværkerhjemmeside.

INP – Interaction to Next Paint

Hvad det betyder: hvor hurtigt hjemmesiden reagerer, når kunden trykker på noget. INP erstattede i marts 2024 det tidligere mål, FID.

På dansk: hvor lang tid der går, fra hun trykker på "Kontakt", til der sker noget.

Målet: 200 millisekunder eller mindre.

Hvad der typisk ødelægger det: for meget JavaScript, der kører på samme tid. Chat-widgets, cookiebannere, sporingsscripts fra flere leverandører og animationsbiblioteker.

CLS – Cumulative Layout Shift

Hvad det betyder: hvor meget indholdet flytter sig, mens hjemmesiden loader.

På dansk: du er ved at trykke på "Ring nu". Et billede bliver indlæst ovenover. Knappen rykker sig, og du rammer noget helt andet. Det er den mest irriterende fejl på hele internettet.

Målet: 0,1 eller derunder.

Hvad der typisk ødelægger det: billeder uden angivne mål i koden. Reklamer eller bannere, der bliver sat ind øverst. Skrifttyper, der skifter, når den rigtige er hentet.

Hvad langsomhed koster i kroner

Vi bruger noget, du selv kan regne ud, i stedet for tal fra en amerikansk undersøgelse af en webshop.

Sig, at din hjemmeside får 500 besøgende om måneden. Af dem kontakter 3 % dig. Det er 15 henvendelser. Du lukker 40 %. Det er 6 opgaver. Din gennemsnitlige opgave er 15.000 kr. Det er 90.000 kr i omsætning om måneden fra hjemmesiden.

Nu er din hjemmeside langsom, og en fjerdedel af de besøgende giver op, før de har set noget. Det er ikke et vildt tal. Det er, hvad der sker, når LCP kryber over tre-fire sekunder på mobil.

Nu er der 375 besøgende tilbage. 11 henvendelser. Fire til fem opgaver. Cirka 67.500 kr.

Forskellen er godt 22.000 kr om måneden. Og det gælder kun frafaldet. Derudover bliver en langsom hjemmeside også placeret lavere, så du får færre besøgende fra starten.

Sæt dine egne tal ind. Selv med kun halvdelen så meget trafik er tallet stadig stort nok til, at man ikke kan overse det.

Hvorfor mobil er hele sagen

Over halvdelen af søgningerne efter håndværkere sker på telefon. Mange af dem sker, mens folk er på farten, for eksempel i bilen, i sommerhuset eller på en byggeplads. Her er 4G ofte ustabilt, og telefonen er ikke ny.

Din hjemmeside virker hurtig på din kontorcomputer med fibernet. Det fortæller ikke noget om, hvordan den opleves for kunden.

Test det rigtigt: Sluk wi-fi på din telefon. Åbn din hjemmeside. Tæl sekunder højt. Det er den oplevelse, du sælger på.

Sådan tester du din hjemmeside på fem minutter

1. PageSpeed Insights (pagespeed.web.dev) Gratis fra Google. Indtast din adresse. Kig kun på mobil-fanen. Det er den, der tæller.

Øverst ser du data fra rigtige brugere, hvis der er nok af dem. Det er dine faktiske Core Web Vitals. Nedenunder ser du en laboratoriemåling med en score fra 0 til 100.

Lad være med at jagte 100. Scoren er et redskab, ikke et mål. De tre Core Web Vitals er det, der tæller. En hjemmeside med score 78, hvor alle tre tal er grønne, er bedre end en med score 95, hvor LCP er dårlig.

2. Google Search Console Under "Core Web Vitals" kan du se, hvordan hele din hjemmeside klarer sig over tid. Det gælder ikke kun én enkelt adresse. Det er det, du skal holde øje med.

3. Din telefon på 4G Den vigtigste test. Ingen værktøjer. Bare tæl.

De fem ting, der oftest gør en hjemmeside langsom

Her er, hvad vi finder igen og igen, i rækkefølge efter hvor meget de betyder:

1. Billeder, der ikke er behandlet. Et billede direkte fra en telefon fylder 3 til 8 MB. Det skal ned på 100 til 300 KB. Billedet skal konverteres til et moderne format. Du skal også levere forskellige størrelser til forskellige skærme. Det her løser ofte halvdelen af problemet. Mere om billeder her.

2. For mange scripts. Cookiebanner, chat, statistik fra tre leverandører, en Facebook-pixel, et indlejret kort. Hver af dem koster. Spørg for hver enkelt, bruger jeg det her til noget? Ofte er svaret nej. Det blev sat på for to år siden.

3. Skrifttyper hentet fra andre hjemmesider. En skrifttype, der hentes fra en tredjeparts server, koster et ekstra opslag og en ny forbindelse. Først derefter kan teksten vises. Serveres den fra dit eget domæne, er den der med det samme. Det er samtidig bedre for privatlivet. Se cookieartiklen.

4. Billeder uden mål. To ekstra attributter i koden, bredde og højde, fjerner det meste af CLS. Det er den billigste rettelse på hele listen.

5. Langsom server eller for mange lag. En billig delt hosting med hundrede hjemmesider på samme maskine svarer langsomt. Det mærkes på alt.

Hvad du realistisk kan gøre selv

Har du en hjemmeside, du ikke selv kan kode i, kan du stadig gøre tre ting, der flytter meget:

  1. Erstat de tungeste billeder med mindre versioner. Hvis du har et forsidebillede på 4 MB, er du allerede godt på vej ved at skifte det ud.
  2. Fjern det, du ikke bruger. En chat, som ingen svarer på. En Facebook-pixel fra en kampagne i 2023. En slider med fem billeder. Folk ser kun det første.
  3. Kør PageSpeed Insights, og send resultatet til den, der passer din hjemmeside. Det er en klar opgave med et klart mål. Det er svært at sige nej til.

Resten, som handler om serverkonfiguration, caching, formatkonvertering og hvordan koden indlæses, er teknisk arbejde. Det er også det, der giver den sidste og største del af gevinsten.

Hvordan vi bygger, og hvorfor

Vi laver hjemmesider, der sender så lidt som muligt til browseren. Vi sender et stilark, en skrifttype fra vores eget domæne og billeder, der er skaleret og konverteret i flere størrelser. Der er ingen sporing, som skal indlæses, før kunden kan se noget. Der er ikke noget cookiebanner, fordi der ikke er noget at give samtykke til.

Det handler ikke om teknik for teknikkens skyld. Det er, fordi de få sekunder afgør, om kvinden med den dryppende vandhane ringer til dig eller til en anden.

Læs mere om, hvordan vi laver hjemmesider, eller om forskellen på håndkodet hjemmeside og en skabelon.

Kort opsummering

  • Google måler tre ting. LCP viser, hvornår noget vises. Målet er 2,5 sekunder. INP viser, hvor hurtigt hjemmesiden reagerer. Målet er 200 millisekunder. CLS viser, om indholdet hopper. Målet er 0,1.
  • De bliver målt på rigtige besøgende og på mobil. De tæller med i rangeringen.
  • Den største omkostning er ikke placeringen. Det er de besøgende, der giver op, uden at du opdager det.
  • Billeder er næsten altid den største synder. Scripts kommer på andenpladsen.
  • Test på pagespeed.web.dev. Kig på mobil-fanen, og følg Search Console over tid.
  • Lad være med at jagte en score på 100. Få de tre tal til at blive grønne.

Vil du vide, hvordan din hjemmeside klarer sig? Send os adressen, så ser vi på den og fortæller dig, hvad der faktisk kan gøre en forskel. Vi siger det også, hvis hjemmesiden allerede er god, som den er.