Hastighed og Core Web Vitals: find den reelle flaskehals
Core Web Vitals beskriver indlæsning, reaktion på input og visuel stabilitet gennem LCP, INP og CLS. Brug målingerne til at finde konkrete problemer i brugerens forløb. En enkelt Lighthouse-score er en test under bestemte forhold og kan ikke alene beskrive alle kunders oplevelse.
Tre målinger og forskellige fejl
INP har afløst FID som Core Web Vital. Brug den aktuelle metrik og undersøg, hvilke interaktioner der er berørt. Et klik på en produktvariant og en åbning af menuen kan have forskellige årsager til forsinkelse. Test kundens faktiske opgaver frem for kun at genindlæse forsiden.
| Metrik | Handler om | Mulig undersøgelse |
|---|---|---|
| LCP | Hvornår det største relevante indholdselement vises | Serverrespons, hero-billede, ressourcer og prioritering |
| INP | Hvor hurtigt siden reagerer visuelt på interaktioner | Lange opgaver, scripts og tunge brugerhandlinger |
| CLS | Uventede forskydninger i layoutet | Billedrammer, indsat indhold og skrifter |
Feltdata og laboratoriedata svarer på forskellige spørgsmål
Feltdata beskriver registrerede oplevelser fra rigtige besøg under varierende forhold. Laboratoriedata kommer fra et kontrolleret testforløb. Hvis der mangler nok feltdata, kan et værktøj vise ingen data. Det betyder ikke, at siden nødvendigvis er hurtig eller langsom.
Brug laboratoriet til fejlfinding og sammenligning under ens forhold. Brug tilgængelige feltdata til at vurdere, om problemet også rammer besøgende. Notér enhed, netværk, side og tidspunkt. Én måling før og én efter kan påvirkes af tilfældigheder og er et spinkelt grundlag for store løfter.
WordPress og Shopify kræver forskellige indgreb
I WordPress kan databasearbejde, hosting, tema og plugins alle være relevante. I Shopify ligger en del af infrastrukturen hos platformen, mens tema, billeder, apps og eksterne scripts stadig kan påvirke oplevelsen. Find årsagen, før du køber en app eller et nyt tema.
Start med repræsentative skabeloner: forside, kategori, produkt og en vigtig formular. Registrér hvilke scripts og medier de henter. Fjern ikke et script, før du ved, om det ejer en nødvendig funktion. En hurtigere side med ødelagt variantvalg eller samtykke er ikke et gennemført resultat.
Et afgrænset optimeringsforløb
- Beskriv problemet som brugeren oplever det.
- Gem målinger og en reproducerbar fremgangsmåde.
- Find flaskehalsen i netværk, rendering eller JavaScript.
- Lav den mindste relevante ændring på en testbar kopi.
- Kontrollér funktion, tilgængelighed og måling igen.
- Sammenlign under samme betingelser, og følg feltdata når de er tilgængelige.
Et originalt eksempel med et produktbillede
Rapportér leverancen som den ændring, du kan dokumentere. Senere kundehandlinger påvirkes også af trafik, indhold og efterspørgsel. Skeln mellem den verificerede hastighedsrettelse og en eventuel forretningsmæssig effekt.