Din hjemmeside er sikkert for langsom, og det koster dig kunder

Prøv det her, lige nu. Tag din telefon, sluk for wifi, og gå ind på din egen hjemmeside.

Hvor lang tid går der før du kan læse noget? Hvor lang tid før du kan trykke på noget uden at det hopper rundt under fingeren?

Det er den oplevelse dine kunder har. Ikke den du har på en hurtig computer på kontoret, hvor siden i forvejen ligger gemt i browseren.

Folk venter ikke

Der findes en masse undersøgelser om det her, og de siger stort set det samme: jo længere der går, jo flere besøgende smutter. Og det går stærkt. Vi snakker sekunder..

Det værste er at du aldrig opdager det. De der forsvandt skrev ikke til dig for at fortælle at siden var for langsom. De gik bare tilbage og fandt en konkurrent.

En undersøgelse fra Deloitte viste at en forbedring af indlæsningstiden på bare 0.1s resulterede i ca. 8.4% bedre konvertering. Sindsygt, ikke?

Sådan tester du det ordentligt

Google har et gratis værktøj der hedder PageSpeed Insights.
Smid din adresse ind og kig på mobiltallene, ikke desktop. Det er mobil der tæller.

Og kig ikke kun på det store tal i toppen. Kig på hvor lang tid der går før det største element på siden er loaded færdigt (LCP), og om tingene hopper rundt mens siden loader (CLS).

Og test ikke bare forsiden. Test de vigtige landingssider og gerne en side med mange billeder. De opfører sig sjældent ens.

De sædvanlige "syndere"

Billeder!
Det er nummer ét, og næsten altid den der giver de fleste problemer.
Et billede lige fra kameraet fylder måske fem MB, og ligger der ti af dem på forsiden, så tager det browseren lang tid om at loade dem. Især på en dårlig mobilforbindelse.

Billederne skulle have været skaleret ned og gemt i et moderne format. (typisk WebP eller Avif)

WordPress Plugins.
Hvert eneste nyt plugin tilføjer ny kode der skal loades. Jeg ser ofte løsninger hvor der ligger 20+ plugins hvor man reelt kun har brug for 3..

Det er en masse arbejde for ingenting. Men det handler tit om hvordan sitet er bygget. I mange tilfælde er en WordPress side bygget med Elementor.
Og det bliver meget hurtigt et cluster af plugins, der skal vedligeholdes, optimeres og loade hver gang siden loader.

Du kan argumentere for at man så bare lige installere et caching plugin, (Så siden bliver gemt i browseren og dermed loader hurtighere næste gang man besøger siden), men det løser ikke problemerne, du skjuler dem bare.

Derfor er jeg ikke stor fan af "pagebuilders" som Elementor.
WordPress eller Storyblok CMS, som jeg foretrækker, kan sagtens bygges ordentligt og brugervenligt for den "ikke-tekniske" person, der skal side med hjemmesidens indhold fremover, uden en pagebuilder eller tunge plugins.

Tracking og scripts.
Analytics, chatbots, cookiebanner, Facebook-pixel, heatmaps osv. Alt det skal loade i den rigtige rækkefølge og kun når det er relevant. Ofte prøver alle scripts bare at loade så hurtigt som muligt, og oveni hinanden.
Og det kan skade loadhastigheden.

WordPress temaer der kan alt.
Et tema der er bygget til at kunne lave alle slags hjemmesider, slæber rundt på en masse kode til alt det du aldrig kommer til at bruge.

Hvis din hjemmeside ikke er en webshop, så er der ingen grund til at der ligger en masse "ecommerce-klar" kode og roder..

Hvad du kan gøre allerede i dag

• Kør dine billeder gennem et komprimeringsværktøj og læg dem op igen

• Slå de plugins fra du ikke bruger, og slet dem så helt

• Fjern de sporingsscripts du reelt aldrig kigger på alligevel

• Hent fonts lokalt ned i koden i stedet for at de loader fra Google eller andet..

Hvornår det ikke bare kan lappes..

Nogle gange er det ikke plugins og billeder. Nogle gange er det fundamentet der er problemet.

Hvis siden bliver bygget i browseren hver eneste gang nogen kigger på den (ofte WordPress hjemmesider), hvis siden ligger på billig hosting sammen med hundrede andre sider, eller hvis WordPress temaet er bygget oven på et andet tema, så kan du optimere til du bliver blå i hovedet uden at det for alvor rykker.

Der bliver du nødt til at tage stilling.
Enten lever du med det, eller også bygger du det ordentligt næste gang.
Og der er intet forkert i at leve med det, hvis siden ellers gør sit arbejde. Men hvis du stadig læser med, gætter jeg på det ikke er noget du har tænkt dig at leve med haha. For der kan være meget at hente, især forretningsmæssigt hvis man har mange konkurrenter. Så er det bare med at være den hvor de besøgende får den bedste oplevelse. Eller vælger de dig fra.

Og ja, Google kigger på det

Hastighed er en af de ting Google bruger når den skal vurdere sider. Det er ikke det vigtigste, indhold betyder stadig allermest!

Men forestil dig to sider der er lige gode indholdsmæssigt. Men den ene viser informationen hurtigt og den anden venter liiiige lidt. Hvem tror du vinder? Som sagt, folk skrider bare hurtigt.

Og endnu vigtigere: den hurtige side får også flere til at blive på dit site, læse videre og faktisk skrive til dig. Det ser Google som en god oplevelse for en besøgende, og dermed vil Google også anbefale dit site oftere.

Min egen målestok

Jeg bygger med Storyblok CMS og Nuxt. En headless arkitektur. Siderne de besøgende ser i browseren er statiske. Det betyder at landingssiden og indholdet allerede er "bygget" på forhånd inden de besøger siden. Så browseren skulle ikke til at spørge CMS'et / serveren om hvordan siderne skulle struktureres eller vises. Den er der bare med det samme.

Ikke fordi teknologien er magisk, men fordi det fjerner en hel masse arbejde der ellers skulle laves i baggrunden mens brugeren står og venter.