Hva er Core Web Vitals?
Core Web Vitals er et sett med ytelsesmålinger som Google har innført for å evaluere viktige aspekter ved brukeropplevelsen på nettsteder.
De fokuserer på hvor raskt en side lastes inn, hvor responsiv den føles når brukerne interagerer, og hvor stabil layouten er når innholdet vises.
Google vurderer Core Web Vitals som en del av rangeringssignalene for sideopplevelse, som har direkte innvirkning på SEO-ytelsen og synligheten i søkeresultatene.
De tre viktigste kjerneverdiene er
- Largest Contentful Paint (LCP) - måler innlastingsytelsen.
- Interaction to Next Paint (INP) - måler responstid (erstatter FID).
- Kumulativ layoutforskyvning (CLS) - måler visuell stabilitet.
De tre kjernemålingene forklart
1. Største innholdsrike maleri (LCP)
- Definisjon: Tiden det tar før det største synlige elementet (for eksempel et bilde, en video eller en tekstblokk) vises i visningsvinduet.
- God poengsum: ≤ 2,5 sekunder.
- Optimaliseringstips:
- Bruk effektive bildeformater (WebP, AVIF).
- Implementer lat lasting.
- Forhåndslast kritiske ressurser.
- Optimaliser serverens responstid (TTFB).
2. Interaksjon til neste bilde (INP)
- Definisjon: Måler den generelle responsiviteten ved å beregne ventetiden mellom en brukers interaksjon (som et klikk eller trykk) og neste visuelle oppdatering.
- God poengsum: ≤ 200 millisekunder.
- Erstatter: First Input Delay (FID), som bare målte den første interaksjonen.
- Optimaliseringstips:
- Minimer kjøretiden for JavaScript.
- Del opp lange oppgaver.
- Bruk
requestIdleCallback()eller Web Workers for kode som ikke haster. - Prioriter kritiske hendelseslyttere.
3. Kumulativ layoutforskyvning (CLS)
- Definisjon: Sporer hvor mye synlige elementer beveger seg uventet under innlasting av siden.
- God score: ≤ 0,1.
- Tips om optimalisering:
- Inkluder bredde/høyde-attributter for bilder og videoer.
- Reserver plass til annonser og dynamiske innebygde elementer.
- Unngå å sette inn innhold over eksisterende elementer.
Støttende ytelsesmålinger
Selv om Core Web Vitals er Googles fokus, er det flere laboratoriemålinger som utfyller dem under ytelsestesting:
Total blokkeringstid (TBT)
Måler hvor lenge skript blokkerer hovedtråden mellom First Contentful Paint (FCP) og Time to Interactive (TTI).
- Ideell verdi: < 200 ms.
- Proxy-metrikk: TBT brukes i laboratorietester som en proxy for INP før feltdata er tilgjengelige.
Tid til interaktiv (TTI)
Angir når en side blir fullstendig interaktiv.
- Mål: ≤ 5 sekunder.
- Bidrar til å måle brukeropplevd beredskap utover LCP.
Første innholdsrike maling (FCP)
Måler hvor raskt den første teksten eller det første bildet vises.
- Mål: ≤ 1,8 sekunder.
- Ofte det første inntrykket av opplevd ytelse.
Moderne standarder for weblevering
Core Web Vitals-ytelsen er tett knyttet til moderne protokoller for nettransport og optimalisering.
Implementering av følgende kan forbedre resultatene drastisk:
HTTP/2 og HTTP/3
- Muliggjør multipleksing og raskere parallell ressursinnlasting.
- Reduserer ventetid og forbedrer den generelle brukeropplevelsen.
Brotli-komprimering
- Mer effektiv enn GZIP; komprimerer tekstbaserte ressurser (HTML, JS, CSS) med mindre filstørrelser.
Forhåndsinnlasting, forhåndshenting og forhåndskobling
- Forhåndsinnlasting: Forteller nettleseren at den skal prioritere viktige ressurser (skrifter, heltebilder).
- Forhåndshenting: Laster inn ressurser som sannsynligvis trengs før brukeren ber om dem.
- Preconnect: Etablerer tidlig tilkobling til tredjepartsdomener.
Lazy Loading
- Utsetter innlasting av ikke-kritiske bilder eller iframes til de kommer inn i visningsvinduet.
- Reduserer sidens innledende vekt og forbedrer LCP.
Prioriterte hint
- Gjør det mulig for utviklere å eksplisitt styre rekkefølgen på innlasting av ressurser ved hjelp
av fetchpriority. - Spesielt nyttig for å sikre at heltebilder eller skrifter lastes inn først.
HSTS (HTTP Strict Transport Security)
- Tvinger HTTPS-tilkoblinger for alle forespørsler, noe som forbedrer sikkerheten og potensielt kan redusere antall viderekoblinger.
Hvordan Core Web Vitals påvirker SEO
Google bruker Core Web Vitals som et rangeringssignal i Page Experience-oppdateringen.
Nettsteder som presterer godt på disse parameterne, har en tendens til å ha:
- Høyere brukerengasjement og bedre oppbevaring.
- Lavere fluktfrekvens.
- Forbedret organisk synlighet.
Ranktrackers verktøy Web Audit og SERP Checker kan hjelpe deg med å måle og overvåke disse parameterne for å identifisere flaskehalser i ytelsen som kan påvirke rangeringen.
Beste fremgangsmåter for å optimalisere kjerneverdier på nettet
- Bruk et innholdsleveringsnettverk (CDN): Reduser ventetiden ved å servere innhold fra eksterne lokasjoner.
- Implementer kodedeling: Server mindre, sidespesifikke JavaScript-bunter.
- Optimaliser fonter: Bruk font-display swap og forhåndslast viktige fonter.
- Cache strategisk: Utnytt hurtigbufring i nettleseren og på serversiden.
- Utsett ikke-kritiske skript: Bruk
async-ogutsettelsesattributterfor JS. - Minifiser og komprimer ressurser: Bruk minifisering og Brotli-komprimering for HTML, CSS og JS.
- Overvåk feltdata: Bruk Chrome UX Report eller Ranktrackers nettstedsrevisjon for å samle inn data om reell brukerytelse.
Verktøy for å måle kjerneverdier på nettet
- Ranktracker Web Audit: Identifiser problemer med Core Web Vitals i sanntid.
- Google PageSpeed Insights: Felt- + laboratoriedata fra Chrome UX Report.
- Lighthouse: Simulert laboratorietesting for ytelsesoptimalisering.
- WebPageTest: Avansert ytelsesdiagnostikk med visuell sammenligning.
- Chrome DevTools: Ytelsesfane for inspeksjon av rendering og blokkering av skript.
Fremtiden til Core Web Vitals
Google fortsetter å forbedre beregningene for å bedre gjenspeile den virkelige brukeropplevelsen.
Fremtidige retninger inkluderer:
- AI-drevet ytelsesprioritering (prediktiv innlasting).
- Utvidet INP-fokus på mikrointeraksjoner.
- Ytelsesdata for kantgjengivelse som en del av Page Experience-signaler.
Sammendrag
Core Web Vitals definerer hvordan Google måler sideopplevelsen i den virkelige verden.
Ved å optimalisere for LCP, INP og CLS og støtte dem med moderne leveringsstandarder som HTTP/3, Brotli og Priority Hints, kan du forbedre både SEO-rangeringene dine og brukertilfredsheten.
Ytelse er ikke bare teknisk - det er grunnleggende for synlighet og troverdighet i moderne søk.
