Stil krav til ydeevnen med Core Web Vitals
Core Web Vitals er tre af Googles måleværdier for hvor hurtig og stabil en webside opleves: indlæsning, respons og visuel stabilitet. Som kunde skriver du grænseværdierne ind i kravspecifikationen og gør dermed hastighed til et målbart leveringskrav i stedet for et håb. Ved accepttesten kontrollerer du nemt resultatet med Googles egne åbne værktøjer.
“Siden skal være hurtig” er en af de mest almindelige linjer i en kravspecifikation, og en af de mest værdiløse. Hurtig for hvem, målt hvordan, og hvad sker der hvis den ikke er det? Core Web Vitals gør det vage ønske til noget konkret: målbare mål som både du og din leverandør kan blive enige om og kontrollere. Sådan bruger du dem som kunde.
De tre målinger uden teknisk jargon
Core Web Vitals er tre måleværdier fra Google der tilsammen beskriver hvordan en side opleves. Bag forkortelserne ligger tre jordnære spørgsmål.
- Indlæsning (LCP): hvor lang tid går der før hovedindholdet er synligt? Det er ventetiden fra klikket til siden føles “fremme”. En besøgende der stirrer på en tom skærm, mister hurtigt tålmodigheden.
- Respons (INP): hvor hurtigt reagerer siden når man gør noget, f.eks. klikker på en knap eller åbner en menu? Det måler om siden føles kvik eller træg at interagere med.
- Visuel stabilitet (CLS): ligger indholdet stille, eller hopper det mens siden indlæses? Alle har prøvet at trykke forkert fordi en knap flyttede sig i sidste øjeblik. Det er netop det denne måling fanger.
Pointen er at de tre dækker det de fleste mener med “hurtig og behagelig”: at man ser indholdet hurtigt, at det reagerer med det samme og at det ikke hopper rundt. Intet af det kræver teknisk baggrund at forstå.
Præcise grænseværdier til kravspecifikationen
Det der gør Core Web Vitals brugbare som krav fra kundens side, er at Google har sat klare grænser for hvad der er godt. De kan skrives direkte ind i kravspecifikationen.
| Måling | Grænse for god ydeevne |
|---|---|
| Indlæsning (LCP) | Under 2,5 sekunder |
| Respons (INP) | Under 200 millisekunder |
| Visuel stabilitet (CLS) | Under 0,1 |
Skriv ikke kun tallene ind, men også betingelserne: at de skal gælde for de vigtigste sideskabeloner (forside, produktside, checkout eller tilsvarende) og måles på mobil fordi det som regel er dér ydeevnen er sværest at levere, og dér hovedparten af de besøgende er. Formuleringen kan være enkel: “Forside, kategori- og produktside skal nå Googles grænseværdier for LCP, INP og CLS, målt på mobil, ved levering.” Så har du gjort et håb til et krav der kan testes og godkendes.
Kontrol med åbne værktøjer ved accepttesten
Et krav du ikke kan kontrollere, giver ingen tryghed. Det gode ved Core Web Vitals er at kontrollen er gratis og åben: Du behøver ingen specialviden for at kigge efter.
Googles PageSpeed Insights giver en måling direkte i browseren: Indsæt adressen på siden, så får du værdierne og en farvekode. Lighthouse, som er indbygget i browseren Chrome, gør det samme lokalt. Kør målingen på netop de sideskabeloner I er blevet enige om, i mobilvisning, og hold resultatet op mod grænseværdierne i kravspecifikationen.
Et konkret forløb ved accepttesten: Gå de tre-fire vigtigste sidetyper igennem, kør hver af dem i PageSpeed Insights og notér værdierne ved siden af kravene. Er noget rødt, er det ikke godkendt, og leverandøren skal udbedre det før slutbetalingen. Da værktøjet er offentligt, ser I og leverandøren på præcis de samme tal. Der er ikke plads til forskellige versioner af virkeligheden.
Hvorfor labmålinger og virkelige data er forskellige
Én ting er værd at vide: Værdierne kan afvige mellem en enkelt måling i værktøjet og de data Google indsamler fra rigtige besøgende over tid. En labmåling foretages under kontrollerede forhold mens rigtige brugere har forskellige telefoner, forbindelser og placeringer. En side kan derfor se grøn ud i din måling, men halte i de virkelige data, ofte fordi mange besøgende har svagere enheder end den computer du tester på.
For dig som kunde betyder det to ting. Skriv kravet så det gælder for målinger på mobil fordi det ligger tættere på de svageste besøgendes virkelighed. Og betragt acceptmålingen som et minimumsniveau, ikke som et endeligt bevis: Følg gerne op med de virkelige data når tjenesten har været live et stykke tid. Når du kender den forskel, lader du dig ikke lulle ind i en falsk tryghed af et pænt tal der kun gælder under ideelle forhold.
At bygge en tjeneste der klarer disse målinger fra starten, er en del af hvordan vi hos Weapp arbejder med vores ydelser. Vil du have hjælp til at formulere de rigtige krav til ydeevnen i din kravspecifikation? Kontakt os, så ser vi på hvad der er rimeligt for netop din tjeneste.
Ofte stillede spørgsmål
Hvad er Core Web Vitals?
Core Web Vitals er et sæt måleværdier fra Google der beskriver hvordan en webside opleves af den besøgende: hvor hurtigt hovedindholdet indlæses, hvor hurtigt siden reagerer på interaktion og hvor stabilt indholdet ligger uden at hoppe. De er et forsøg på at gøre den svært håndgribelige fornemmelse af hastighed til noget målbart og sammenligneligt, og de påvirker desuden hvordan siden rangerer i Google.
Hvorfor skal jeg som kunde gå op i Core Web Vitals?
Fordi de gør oplevet hastighed til et krav du kan følge op på, i stedet for et fromt håb. Uden målbare mål bliver ydeevne let noget alle nikker til, men ingen har ansvaret for. Med grænseværdier i kravspecifikationen bliver det tydeligt hvad der skal leveres, og du kan kontrollere det ved accepttesten. Hastighed påvirker desuden direkte både konvertering og placering i Google.
Hvilke grænseværdier skal jeg skrive ind i kravspecifikationen?
Googles egne vejledende værdier for god ydeevne er et godt udgangspunkt: indlæsning (LCP) under 2,5 sekunder, respons (INP) under 200 millisekunder og visuel stabilitet (CLS) under 0,1. Angiv at de skal gælde for de vigtigste sideskabeloner, målt på mobil, og at de skal holde i det værktøj I kontrollerer med. Så bliver kravet konkret og testbart.
Hvordan kontrollerer jeg Core Web Vitals ved levering?
Med Googles åbne værktøjer. PageSpeed Insights giver en måling direkte i browseren hvis du indsætter en adresse, og Lighthouse er indbygget i Chrome. Kør målingen på de sideskabeloner I er blevet enige om, og hold resultatet op mod grænseværdierne i kravspecifikationen. Fordi værktøjerne er gratis og offentlige, kan både I og leverandøren se på de samme tal.
Er Core Web Vitals det samme som at siden er hurtig?
Næsten, men ikke helt. Core Web Vitals fanger tre vigtige aspekter af oplevet ydeevne, men en side kan have grønne værdier og alligevel føles træg på et punkt de ikke måler. De er et fremragende fælles sprog og et godt minimumsniveau, men bør ses som et klart udgangspunkt snarere end hele sandheden om hvor hurtig en tjeneste føles.