Core Web Vitals: kodėl svetainės greitis lemia Google pozicijas ir pardavimus

Lankytojas, kuris spaudžia jūsų svetainės nuorodą, sprendimą lieka ar išeina priima per kelias sekundes. Jei per jas mato baltą ekraną ar šokinėjantį turinį, jis grįžta į Google ir spaudžia konkurento nuorodą. Google tai mato – todėl svetainės greitis yra ir reitingavimo veiksnys, ir pardavimų veiksnys. Matuojamas jis per Core Web Vitals.

Kas yra Core Web Vitals?

Core Web Vitals – tai trys Google apibrėžtos metrikos, matuojančios, kaip svetainę patiria realus žmogus: ar ji greitai užsikrauna, ar greitai reaguoja ir ar stabiliai atrodo.

Metrika	Ką matuoja	Gerai	Reikia gerinti	Prastai
LCP (Largest Contentful Paint)	Kada pasirodo didžiausias matomas elementas	≤ 2,5 s	2,5–4 s	> 4 s
INP (Interaction to Next Paint)	Kaip greitai puslapis reaguoja į paspaudimą	≤ 200 ms	200–500 ms	> 500 ms
CLS (Cumulative Layout Shift)	Kiek turinys pasislenka kraunantis	≤ 0,1	0,1–0,25	> 0,25

Kad puslapis būtų vertinamas „gerai”, ribas turi atitikti bent 75 % realių apsilankymų.

LCP: kaip greitai pasirodo turinys?

LCP parodo, kada ekrane atsiranda didžiausias elementas – dažniausiai pagrindinė antraštė arba hero nuotrauka. Tai momentas, kai lankytojas jaučia, kad puslapis „užsikrovė”.

Dažniausios lėto LCP priežastys: lėtas serveris, didelės neoptimizuotos nuotraukos, šriftai iš trečiųjų šalių serverių ir JavaScript, kuris turi įsivykdyti prieš parodant turinį.

INP: kaip greitai svetainė reaguoja?

INP matuoja laiką nuo paspaudimo (mygtuko, meniu, formos lauko) iki momento, kai ekranas parodo reakciją. 2024 m. kovą jis pakeitė ankstesnę FID metriką.

Dažniausia prasto INP priežastis – per daug JavaScript: puslapių kūrimo įskiepiai, sekimo skriptai, pokalbių valdikliai. Kol naršyklė vykdo jų kodą, jūsų paspaudimas laukia eilėje.

CLS: ar turinys nešokinėja?

Pažįstama situacija: norite paspausti nuorodą, bet tą akimirką viršuje įsikrauna reklama ir paspaudžiate visai ką kita. Tai ir yra išdėstymo poslinkis. Dažniausios priežastys – nuotraukos be nurodytų matmenų, vėlai įsikraunantys šriftai ir reklamos blokai.

Realūs matavimai: kaip atrodo greita svetainė

Mūsų sukurtų svetainių rezultatai (Lighthouse, desktop):

Svetainė	Našumas	LCP	CLS	Puslapio dydis
vytostogai.lt	99/100	0,4 s	0	733 KB
elektrobena.lt	98/100	0,8 s	0	206 KB
nordiskenergi.no	99/100	0,7 s	0	210 KB

vytostogai.lt PageSpeed Insights mobiliajame teste taip pat rodo 99/100 su 1,3 s LCP – o mobilusis testas imituoja lėtą 4G ryšį ir silpną telefoną, todėl yra griežtesnis.

Kaip patikrinti savo svetainės greitį?

1. Atidarykite PageSpeed Insights ir įveskite savo adresą.
2. Viršutinė dalis („Discover what your real users are experiencing”) – tai realūs Chrome naudotojų duomenys. Būtent jie naudojami Google reitingavimui. Mažai lankomoms svetainėms jų gali nebūti.
3. Apatinė dalis – Lighthouse laboratorinis testas. Jis padeda rasti priežastis.
4. Žiūrėkite mobiliojo rezultato, ne tik kompiuterio – dauguma lankytojų ateina iš telefonų.

Gilesnę ataskaitą apie realius naudotojus rasite Google Search Console skiltyje „Core Web Vitals”.

7 būdai pagerinti Core Web Vitals

1. Rinkitės statinį HTML vietoje kiekvieną kartą generuojamų puslapių – pavyzdžiui, Astro (žr. Astro ir WordPress palyginimą).
2. Optimizuokite nuotraukas: WebP ar AVIF formatas, tinkami dydžiai skirtingiems ekranams, loading="lazy" žemiau esančioms nuotraukoms.
3. Nurodykite nuotraukų matmenis (width ir height) – tai beveik visiškai pašalina CLS.
4. Talpinkite šriftus savo serveryje ir iš anksto įkelkite tik reikalingus.
5. Mažinkite JavaScript: atsisakykite nereikalingų įskiepių ir valdiklių.
6. Atidėkite trečiųjų šalių skriptus – analitiką ir reklamos pikselius įkelkite po sutikimo ir po puslapio užkrovimo.
7. Naudokite CDN, kad turinys būtų pateikiamas iš arčiausio serverio.

Kodėl greitis = pardavimai?

Kiekviena papildoma laukimo sekundė – tai dalis lankytojų, kurie taip ir nepamatė jūsų pasiūlymo. Mokate už reklamą Google ar Facebook, o lėtas puslapis tą biudžetą tiesiog iššvaisto. Greita svetainė reiškia daugiau užklausų už tą pačią reklamos kainą.

Visas kainas rasite puslapyje svetainės kūrimo kaina, o apie greitas svetaines Kauno įmonėms – puslapyje svetainių kūrimas Kaune.

Išvada

Core Web Vitals – tai ne techninė smulkmena, o tiesioginis rodiklis, kaip jūsų svetainę patiria klientai ir kaip ją vertina Google. Visos mūsų kuriamos svetainės projektuojamos 90+ Lighthouse našumui nuo pirmos eilutės. Norite sužinoti, kiek greitesnė galėtų būti jūsų svetainė? Užpildykite projekto anketą, o kainas rasite straipsnyje kiek kainuoja svetainės kūrimas.