Web dizainsSEO

Core Web Vitals: kas tie ir un kā tos uzlabot

7 min lasīšanaMārtiņš Kalniņš
Core Web Vitals un vietnes veiktspēja

Core Web Vitals ir Google izstrādāts metriku kopums, kas mēra reālo lietotāja pieredzi vietnē — cik ātri tā ielādējas, cik labi reaģē uz mijiedarbību un vai izkārtojums saglabājas stabils. Šie rādītāji ietekmē ne tikai apmeklētāju apmierinātību, bet arī vietnes pozīcijas Google meklētājā, jo tie ir daļa no ranžēšanas signāliem. Ir trīs galvenās metrikas: LCP, INP un CLS.

LCP — lielākā satura attēlojuma laiks

Largest Contentful Paint mēra laiku, kad lapas redzamajā daļā tiek attēlots lielākais saturiskais elements — parasti galvenais attēls vai virsraksta bloks. Tas atspoguļo, cik ātri lietotājs redz lapas pamatsaturu. Labs LCP rādītājs ir 2,5 sekundes vai mazāk.

Lai uzlabotu LCP, optimizējiet attēlus, izmantojot mūsdienīgus formātus, piemēram, WebP vai AVIF, un norādiet to izmērus. Izmantojiet satura piegādes tīklu (CDN), ieviesiet kešatmiņu un samaziniet servera atbildes laiku. Kritiskos resursus ielādējiet ar prioritāti, bet liekos skriptus atlieciet.

INP — mijiedarbības atsaucība

Interaction to Next Paint 2024. gadā nomainīja iepriekšējo FID (First Input Delay) metriku. INP mēra, cik ātri lapa vizuāli reaģē uz lietotāja darbībām — klikšķiem, pieskārieniem un taustiņu nospiešanām — visā apmeklējuma laikā. Labs INP ir mazāks par 200 milisekundēm.

Galvenais INP ienaidnieks ir smags JavaScript, kas bloķē galveno pavedienu. Sadaliet garus uzdevumus mazākos, atlieciet nekritisku kodu, samaziniet trešo pušu skriptu skaitu un izmantojiet web darbiniekus (web workers) sarežģītiem aprēķiniem. Jo mazāk darba pārlūkam jāveic mijiedarbības brīdī, jo ātrāka būs atsaucība.

CLS — kumulatīvā izkārtojuma nobīde

Cumulative Layout Shift mēra vizuālo stabilitāti — cik daudz elementi negaidīti pārvietojas lapas ielādes laikā. Ikviens ir piedzīvojis situāciju, kad gatavojies nospiest pogu, bet reklāma vai attēls pēkšņi pabīda saturu. Labs CLS rādītājs ir 0,1 vai mazāks.

Lai novērstu nobīdes, vienmēr norādiet attēlu un video izmērus (width un height), rezervējiet vietu reklāmām un iegultajam saturam, un izvairieties no satura ievietošanas virs jau redzamiem elementiem. Fontus ielādējiet tā, lai tie neradītu teksta pārkārtošanos.

Kā mērīt un uzlabot

Ir divi datu veidi: laboratorijas dati (lab data) un lauka dati (field data). Lighthouse un PageSpeed Insights sniedz laboratorijas mērījumus kontrolētā vidē, savukārt Chrome User Experience Report (CrUX) apkopo reālo lietotāju datus. Google ranžēšanā izmanto tieši lauka datus, tāpēc uzticieties CrUX rādītājiem.

Sāciet ar PageSpeed Insights, kas apvieno abus datu veidus un sniedz konkrētus ieteikumus. Search Console sadaļa "Core Web Vitals" parāda problēmas visā vietnē. Praktiskā uzlabošanas secība: optimizējiet attēlus, samaziniet un atlieciet JavaScript, ieviesiet kešatmiņu un CDN, kā arī stabilizējiet izkārtojumu. Mēriet pēc katras izmaiņas, jo optimizācija ir nepārtraukts process.

Bieži uzdotie jautājumi

Vai Core Web Vitals ietekmē Google pozīcijas?
Jā. Core Web Vitals ir daļa no Google lapas pieredzes (page experience) ranžēšanas signāliem. Tie nav vienīgais vai svarīgākais faktors — saturs joprojām ir galvenais — taču līdzvērtīga satura gadījumā labāka veiktspēja var dot priekšrocību meklēšanas rezultātos.
Kāda ir atšķirība starp laboratorijas un lauka datiem?
Laboratorijas dati tiek iegūti kontrolētā vidē ar fiksētu ierīci un tīkla ātrumu (piemēram, Lighthouse), tāpēc tie ir atkārtojami un noderīgi atkļūdošanai. Lauka dati nāk no reāliem lietotājiem dažādās ierīcēs un tīklos (CrUX). Google ranžēšanā izmanto lauka datus, jo tie atspoguļo patieso pieredzi.
Kāpēc FID tika aizstāts ar INP?
FID mērīja tikai pirmās mijiedarbības aizkavi un ņēma vērā tikai ievades apstrādes sākumu, tāpēc tas bieži uzrādīja pārāk labus rezultātus. INP mēra atsaucību visā apmeklējuma laikā un visu mijiedarbības ciklu līdz nākamajai vizuālajai atjaunošanai, sniedzot precīzāku priekšstatu par lapas reālo atsaucību.
Sazināsimies

Ir projekta ideja?

Kopā radīsim ko izcilu. Sazinieties ar mums un mēs īstenosim jūsu vīziju.

Core Web Vitals: kas tie ir un kā tos uzlabot | VitalWebsite