Still ytelseskrav med Core Web Vitals
Core Web Vitals er tre av Googles måleverdier for hvor rask og stabil en nettside føles: innlasting, respons og visuell stabilitet. Som kunde skriver du terskelverdiene inn i kravspesifikasjonen og gjør hastighet til et målbart leveransekrav i stedet for en forhåpning. Ved akseptansetesten verifiserer du resultatet enkelt med Googles egne åpne verktøy.
«Siden skal være rask» er en av de vanligste formuleringene i en kravspesifikasjon, og en av de mest verdiløse. Rask for hvem, målt hvordan, og hva skjer hvis den ikke er det? Core Web Vitals gjør det vage ønsket til noe konkret: målbare mål som både du og leverandøren din kan enes om og verifisere. Slik bruker du dem som kunde.
De tre målene uten teknisk sjargong
Core Web Vitals er tre måleverdier fra Google som til sammen beskriver hvordan en side oppleves. Bak forkortelsene ligger tre hverdagslige spørsmål.
- Innlasting (LCP): Hvor lang tid tar det før hovedinnholdet vises? Det er ventetiden fra klikk til siden føles «på plass». En besøkende som stirrer på en tom flate, går fort lei.
- Respons (INP): Hvor raskt reagerer siden når man gjør noe, for eksempel klikker på en knapp eller åpner en meny? Det måler om siden føles kvikk eller treg å bruke.
- Visuell stabilitet (CLS): Ligger innholdet i ro, eller hopper det mens siden lastes? Alle har kommet til å trykke feil fordi en knapp flyttet seg i siste øyeblikk. Det er nettopp det dette målet fanger opp.
Poenget er at disse tre dekker det de fleste mener med «rask og behagelig»: at man ser innholdet fort, at det svarer med en gang, og at det ikke hopper rundt. Du trenger ikke teknisk bakgrunn for å forstå noe av dette.
Eksakte terskelverdier til kravspesifikasjonen
Det som gjør Core Web Vitals nyttige som kundekrav, er at Google har satt tydelige grenser for hva som er bra. De kan skrives rett inn i kravspesifikasjonen.
| Mål | Terskel for god ytelse |
|---|---|
| Innlasting (LCP) | Under 2,5 sekunder |
| Respons (INP) | Under 200 millisekunder |
| Visuell stabilitet (CLS) | Under 0,1 |
Skriv ikke bare inn tallene, men også betingelsene: at de skal gjelde for de viktigste sidemalene (forside, produktside, kasse eller tilsvarende) og måles på mobil fordi det som regel er der ytelsen er vanskeligst å få til, og der de fleste besøkende er. Formuleringen kan være enkel: «Forside, kategoriside og produktside skal oppfylle Googles grenseverdier for LCP, INP og CLS, målt på mobil, ved levering.» Da har du gjort en forhåpning om til et krav som kan testes og godkjennes.
Verifisering med åpne verktøy i akseptansetesten
Et krav du ikke kan kontrollere, gir ingen trygghet. Det fine med Core Web Vitals er at verifiseringen er gratis og åpen. Du trenger ingen spesialkompetanse for å se etter selv.
Googles PageSpeed Insights gir en måling rett i nettleseren: Lim inn adressen til siden, så får du verdiene og en fargekode. Lighthouse, som er innebygd i nettleseren Chrome, gjør det samme lokalt. Kjør målingen for mobil på nettopp de sidemalene dere er blitt enige om, og sammenlign med terskelverdiene i kravspesifikasjonen.
Et konkret opplegg i akseptansetesten: Gå gjennom de tre eller fire viktigste sidetypene, kjør hver av dem i PageSpeed Insights og noter verdiene ved siden av kravene. Er noe rødt, er det ikke godkjent, og leverandøren må utbedre det før sluttbetalingen. Siden verktøyet er offentlig, ser dere og leverandøren på nøyaktig de samme tallene. Det er ikke rom for ulike versjoner av virkeligheten.
Hvorfor labmålinger og reelle data gir ulike tall
En ting å være klar over: Verdiene kan avvike mellom en enkeltmåling i verktøyet og dataene Google samler inn fra faktiske besøkende over tid. En labmåling gjøres under kontrollerte forhold, mens faktiske brukere har ulike telefoner og nettforbindelser og befinner seg på ulike steder. En side kan derfor se grønn ut i målingen din, men komme dårligere ut i de reelle dataene, ofte fordi mange besøkende har svakere enheter enn datamaskinen du tester på.
For deg som kunde betyr det to ting. Skriv kravet slik at det gjelder målinger på mobil. Det ligger nærmere virkeligheten for besøkende med de svakeste enhetene. Og betrakt målingen i akseptansetesten som et minimumsnivå, ikke et endelig bevis: Følg gjerne opp med de reelle dataene når tjenesten har vært i drift en stund. Når du forstår den forskjellen, lulles du ikke inn i falsk trygghet av et pent tall som bare gjelder under ideelle forhold.
Å bygge en tjeneste som klarer disse målene fra start, er en del av hvordan vi i Weapp leverer tjenestene våre. Vil du ha hjelp til å formulere riktige ytelseskrav i kravspesifikasjonen din? Ta kontakt, så ser vi på hva som er realistisk for akkurat din tjeneste.
Ofte stilte spørsmål
Hva er Core Web Vitals?
Core Web Vitals er et sett med måleverdier fra Google som beskriver hvordan en nettside oppleves av den besøkende: hvor raskt hovedinnholdet lastes inn, hvor raskt siden svarer på interaksjon, og hvor stabilt innholdet ligger uten å hoppe. De er et forsøk på å gjøre den diffuse følelsen av hastighet til noe målbart og sammenlignbart, og de påvirker i tillegg hvordan siden rangeres i Google.
Hvorfor skal jeg som kunde bry meg om Core Web Vitals?
Fordi de gjør opplevd hastighet til et krav du kan følge opp, i stedet for et fromt ønske. Uten målbare mål blir ytelse lett noe alle nikker til, men ingen har ansvaret for. Med terskelverdier i kravspesifikasjonen blir det tydelig hva som skal leveres, og du kan verifisere det i akseptansetesten. Hastighet påvirker dessuten både konvertering og rangering i Google direkte.
Hvilke terskelverdier bør jeg skrive inn i kravspesifikasjonen?
Googles egne anbefalte verdier for god ytelse er et godt utgangspunkt: innlasting (LCP) under 2,5 sekunder, respons (INP) under 200 millisekunder og visuell stabilitet (CLS) under 0,1. Angi at de skal gjelde for de viktigste sidemalene, målt på mobil, og at de skal være oppfylt i verktøyet dere verifiserer med. Da blir kravet konkret og testbart.
Hvordan verifiserer jeg Core Web Vitals ved levering?
Med Googles åpne verktøy. PageSpeed Insights gir en måling rett i nettleseren når du limer inn en adresse, og Lighthouse er innebygd i Chrome. Kjør målingen på sidemalene dere er blitt enige om, og sammenlign med terskelverdiene i kravspesifikasjonen. Siden verktøyene er gratis og offentlige, kan både dere og leverandøren se på de samme tallene.
Er Core Web Vitals det samme som at siden er rask?
Nesten, men ikke helt. Core Web Vitals fanger opp tre viktige aspekter ved opplevd ytelse, men en side kan ha grønne verdier og likevel føles treg på et område de ikke måler. De er et utmerket felles språk og et godt minimumsnivå, men bør ses som et tydelig utgangspunkt snarere enn hele sannheten om hvor rask en tjeneste føles.