Hastighed er en salgsfunktion, ikke et teknisk nøgletal

Spørg en virksomhedsejer, hvad hjemmesiden er til, og svaret handler som regel om leads, salg eller tillid. Spørg, hvor hurtigt den loader på en telefon, og svaret er ofte et skuldertræk. Hastighed bliver behandlet som en teknisk detalje, udviklerne må tage sig af. Det er det ikke. En side, der er for længe om at vise noget brugbart, er en side, mange besøgende aldrig ser.

Hvad "hurtig" egentlig betyder

Googles Core Web Vitals giver en brugbar, offentlig definition. De måler tre ting, som folk lægger mærke til:

• Largest Contentful Paint (LCP): hvor lang tid det tager, før hovedindholdet, ofte topbilledet eller overskriften, vises. Godt er 2,5 sekunder eller mindre.
• Interaction to Next Paint (INP): hvor hurtigt siden reagerer, når nogen trykker eller klikker. Godt er 200 millisekunder eller mindre.
• Cumulative Layout Shift (CLS): hvor meget layoutet hopper rundt under indlæsning. Godt er 0,1 eller mindre.

Grænserne vurderes ved 75. percentil af rigtige besøg, så tre ud af fire besøg skal leve op til dem. Det er en vigtig detalje: et site kan score fint på en udviklers bærbare og stadig fejle for dem, der bruger ældre telefoner på mobildata.

Hvorfor det betyder noget for forretningen

Hastighed påvirker omsætningen på tre direkte måder. For det første går folk. En besøgende, der ser en tom skærm, venter ikke for at finde ud af, hvor godt dit tilbud er. For det andet får langsomme interaktioner formularer og checkouts til at føles i stykker, og en kunde, der er i tvivl om, hvorvidt en knap virkede, giver ofte op. For det tredje er sideoplevelsen et af mange signaler, søgemaskinerne tager højde for, så et langsomt site gør godt indhold sværere at finde.

Der er også en mindre åbenlys effekt. Hastighed er en del af, hvordan folk vurderer troværdighed. En hurtig, stabil side føles passet på. En langsom side, der hopper rundt, føles forsømt, selv hvis virksomheden bag er fremragende.

De sædvanlige årsager

Når vi gennemgår langsomme virksomhedssites, dukker de samme syndere op igen og igen:

• Et stort topbillede eller en video, der ikke er skaleret eller komprimeret til mobil.
• Slidere og karruseller, der indlæser alle slides, før den første vises.
• Scripts fra tredjeparter til chatwidgets, sporingspixels og indlejringer, der hver især tilføjer forespørgsler og behandlingstid.
• Webskrifttyper hentet fra eksterne tjenester i flere vægte, som ingen bruger.
• Sidebyggere og multifunktionelle temaer, der indlæser kode til alle funktioner på alle sider.
• Billeder og indlejringer uden reserveret plads, så layoutet hopper, mens de indlæses.

Det skal du rette først

1. Mål rigtige besøg, ikke kun laboratoriescorer. Rapporten om Core Web Vitals i Search Console og PageSpeed Insights viser data fra rigtige brugere, når der er trafik nok. Start med de skabeloner, der betyder mest: forsiden, de vigtigste ydelses- eller produktsider og checkout eller kontakt.
2. Ret det største element. Som regel betyder det at levere topbilledet i et moderne format som AVIF eller WebP i den rigtige størrelse til hver skærm og indlæse det med høj prioritet i stedet for forsinket.
3. Fjern scripts, der ikke gør sig fortjent til pladsen. Lav en liste over alle tredjepartsscripts og spørg, hvilken beslutning hvert enkelt understøtter. Fjern dem, ingen kan svare for, og udskyd resten, til siden kan bruges.
4. Reservér plads til medier. Angiv bredde og højde på billeder og video, så browseren kan lægge siden op, før de ankommer. Alene det løser ofte layoutskift.
5. Host og afgræns skrifttyper selv. En eller to variable skriftfiler leveret fra dit eget domæne er som regel hurtigere end flere vægte fra en ekstern tjeneste, og de undgår, at besøgendes data sendes til en tredjepart.

Sådan holder du det hurtigt

De fleste sites er hurtige på lanceringsdagen og langsomme et år senere. Nye plugins, sporingstags og kampagnesider lægger gradvist vægt på. Løsningen er at behandle hastighed som ethvert andet krav: aftal et budget, fx en maksimal sidevægt og en mål-LCP for de vigtigste skabeloner, og tjek det, hver gang noget nyt tilføjes.

Gør du kun én ting denne måned, så åbn PageSpeed Insights for din vigtigste side på mobil og se, hvad der står under elementet for largest contentful paint. Det peger som regel direkte på den største gevinst.

Hastighed er ikke hele historien. En hurtig side med et uklart budskab sælger stadig ikke. Men en langsom side får aldrig chancen for at fremføre sine argumenter, og derfor behandler vi ydeevne som en del af designet og ikke som noget, der rettes efter lanceringen. Vil du have et ekstra blik på dit eget site, kan vores team for webudvikling tage et kig.