En kunde åbner webshoppen på mobilen. Et stort produktbillede fylder skærmen, mens prisen og købsknappen lader vente på sig. Kunden trykker på menuen, men intet sker. Et ekstra tryk senere åbner menuen flere gange. Andre steder skubber en annonce teksten ned, netop som nogen vil trykke på et link. Små irritationer kan hurtigt få folk til at opgive eller ramme forkert.
Undersøger du hvad er Core Web Vitals, får du en praktisk måde at beskrive de oplevelser på. Målingerne handler om, hvor hurtigt sidens vigtigste indhold vises, hvor hurtigt den reagerer, og om indholdet bliver stående, hvor brugeren forventer. Det er nyttigt, fordi en hjemmeside godt kan føles langsom, selvom den ikke er gået helt i stå.
Langsomt indhold: Hvornår bliver siden brugbar?
Ventetiden mærkes tydeligst, når det centrale indhold lader vente på sig. En stor billedfil kan for eksempel betyde, at produktfotoet først dukker op længe efter resten af webshoppen. Men billedet er ikke altid synderen. Serverens svartid, skrifttyper og andre filer kan også forsinke det, kunden kom for at se.
Gå siden igennem, som en kunde ville gøre det. Åbn den på en mobilforbindelse, og læg mærke til, hvad der bliver synligt først. Kommer pris og købsknap hurtigt frem, eller stirrer brugeren på et tomt felt? Den test er enkel, men afslører ofte problemer, som en hurtig gennemgang på en arbejdscomputer overser.
Forestil dig en webshop, hvor forsiden føles hurtig, men produktsiden halter. Det store produktbillede er en oplagt mistænkt. Ejeren prøver en lettere billedfil og undersøger samtidig, om billedet kan indlæses mere hensigtsmæssigt. Før du ændrer alt muligt, skal du finde ud af, hvilket element der faktisk forsinker siden.
Forsinkede knapper og menuer gør handlingen besværlig
Hvad sker der, når knappen ser klar ud, men ikke reagerer? Brugeren trykker igen. Så kan menuen åbne og lukke eller dukke op flere gange, fordi siden først registrerer trykkene med forsinkelse. Det føles klodset og gør selv en enkel opgave unødigt besværlig.
Her handler fejlsøgningen om, hvor hurtigt siden reagerer. Tunge scripts, mange funktioner, der indlæses på én gang, eller begrænset kapacitet på brugerens enhed kan få klik til at vente. Prøv søgning, menuer og købsknapper på en almindelig mobil – ikke kun på en hurtig computer. Jeg ville tage den test før arbejdet med farver og skygger; en flot knap, der ikke virker, er trods alt mest pynt.
Webshoppen undersøger menuen og opdager, at en funktion bruger mange ressourcer, når den åbnes. Ved at udskyde det, der ikke er nødvendigt med det samme, bliver menuen lettere at bruge. Det betyder ikke, at alle scripts skal fjernes. Skeln i stedet mellem det, kunden skal bruge nu, og det, der godt kan vente.
Elementer, der flytter sig, giver fejltryk
En læser er ved at vælge et link, da en annonce bliver indlæst og skubber teksten ned. Fingeren rammer et andet link. På en stor skærm kan det ligne en lille skønhedsfejl, men på mobilen gør det navigationen frustrerende. Det er svært at stole på en side, der flytter målet, mens man trykker.
Se efter tomme felter, der først får indhold senere, billeder uden reserveret plads og bannere, som skubber resten af siden væk. Webshoppen opdager, at annoncen ikke har fået tildelt plads på forhånd. Ejeren reserverer derfor et fast område, så indholdet nedenunder ikke hopper rundt. Det er en beskeden ændring, men efter min mening langt bedre end at bede brugerne om at være mere forsigtige.
Her kan hvad er Core Web Vitals fungere som en tjekliste: Find ud af, om problemet skyldes langsomt indhold, forsinket reaktion eller elementer, der flytter sig, og ret derefter den konkrete årsag. Vil du læse mere, kan du besøge guiden om hvad er Core Web Vitals. Den forklarer, hvad målingerne fortæller om brugeroplevelsen på en hjemmeside.
Vælg den forbedring, der hjælper brugeren først
Hvor ville jeg begynde? Med det problem, der spænder ben for den handling, hjemmesiden skal gøre let. Hvis kunderne ikke kan finde købsknappen, fordi et billede fylder hele skærmen, så undersøg indlæsningen. Hvis knapper reagerer sent, så se på sidens reaktionsevne. Flytter teksten sig, så find elementet, der skubber den.
For webshoppen giver denne rækkefølge mening: Først skal produktets vigtigste indhold blive synligt. Derefter skal menu og købsknap reagere uden mærkbar ventetid. Til sidst skal annoncer og billeder have reserveret plads. Det er ikke en fast opskrift – en anden hjemmeside kan have et helt andet problem. Men metoden hjælper dig med at undgå småjusteringer, mens den største flaskehals stadig står i vejen.
Når du spørger hvad er Core Web Vitals, handler det altså ikke kun om tekniske målinger. Det handler også om at finde ud af, hvorfor en side føles tung, hvorfor et tryk ikke virker, eller hvorfor indholdet hopper. Begynd med en oplevelse, du selv kan genskabe. Ret den tydeligste flaskehals, og prøv siden igen på den enhed, dine besøgende bruger. Så bliver forbedringerne lettere at prioritere – og nemmere at mærke.
Se mere hos hurtigere-hjemmeside.dk.