Core Web Vitals og nettsidehastighet: hva bør bedrifter faktisk prioritere?

Core Web Vitals er brukerorienterte ytelsesmål. De nåværende kjernemålingene er LCP for lasteopplevelse, INP for respons på interaksjon og CLS for visuell stabilitet. web.dev oppgir anbefalte «good»-grenser på LCP ≤ 2,5 sekunder, INP ≤ 200 ms og CLS ≤ 0,1, vurdert ved 75-persentilen av sidebesøk.

Disse tallene bør brukes som diagnose og kvalitetsmål—ikke som et løfte om rangering. En rask side med svakt innhold blir ikke automatisk en sterk søkeresultat-side.

LCP: hvor raskt hovedinnholdet blir synlig

LCP påvirkes ofte av serverrespons, render-blocking ressurser, store hero-bilder og hvordan kritiske ressurser prioriteres. Optimalisering bør derfor starte med måling av hvilken ressurs som faktisk er LCP-elementet på representative sider.

INP: hvor raskt siden reagerer når brukeren gjør noe

Tung JavaScript, lange main-thread-oppgaver og kompliserte event-handlers kan gjøre interaksjoner trege. Fjern unødvendig JavaScript, utsett arbeid som ikke trengs med en gang, og test reelle interaksjoner som meny, skjema og filtre.

CLS: unngå at layout hopper

Bilder uten dimensjoner, sent innlastede bannere eller fonter som endrer layout kan skape uventede skift. Sett plass til media og dynamiske elementer på forhånd, og vær forsiktig med komponenter som skyves inn over eksisterende innhold.

Feltdata og labdata er ikke det samme

Labverktøy er nyttige for feilsøking, men faktiske brukere kan ha andre enheter, nettverk og interaksjonsmønstre. Når feltdata finnes, bør de inngå i vurderingen. For INP kreves faktiske brukerinteraksjoner; labverktøy bruker ofte andre proxy-mål for diagnose.

Prioritering for en WordPress-side

1. Mål noen representative maler: forside, tjenesteside og artikkel.
2. Identifiser største årsak per mal før du installerer nye optimaliseringsplugins.
3. Optimaliser bilder, fonter og kritisk CSS/JS.
4. Behold cache-oppsett enkelt og unngå overlappende cache-plugins.
5. Mål igjen og dokumenter forskjellen.

Kilder og videre lesing

• web.dev: Web Vitals
• web.dev: Optimize LCP