Nazaj na blog
Zmogljivost2. apr. 2025 · 10 min branja

Core Web Vitals za podjetja: LCP, INP in CLS poenostavljeno

Kaj pomenijo Largest Contentful Paint, Interaction to Next Paint in Cumulative Layout Shift — v navadnem jeziku, s koraki, ki jih lahko takoj izvedete.

Core Web Vitals so Googlov način merjenja resnične UX izkušnje: nalaganje, interaktivnost in stabilnost videza. Predstavljajte si jih kot skupni jezik med marketingom (»potrebujemo hitrost«) in razvojem (»to bomo optimizirali«).

LCP — Largest Contentful Paint

Kaj je: koliko časa traja, da se največji vidni element (pogosto hero slika ali naslovni blok) dokončno izriše.

Zakaj šteje: uporabniki se sidrajo na prvi vtis; počasni hero pomeni počasna stran — tudi če je ostalo v redu.

Kaj narediti: optimizirajte in pravilno dimenzionirajte slike, prednaložite kritična sredstva, skrajšajte čas odziva strežnika in se izogibajte ogromnim karuzelam nad robom brez proračuna za zmogljivost.

INP — Interaction to Next Paint (nadomesti FID kot metriko odzivnosti)

Kaj je: odzivnost na kljuk, dotik in tipkanje — kako hitro stran po interakciji izriše naslednji vizualni posodobitev.

Zakaj šteje: »ni se odzvalo« je med najhitrejšimi načini izgube povpraševanj na mobilu.

Kaj narediti: razbijte dolge JavaScript opravila, odložite nekritično delo, preglejte tuje skripte in se izogibajte pretirani hidraciji na interaktivnih kontrolah.

CLS — Cumulative Layout Shift

Kaj je: nepričakovano premikanje vsebine med nalaganjem (slike brez dimenzij, pozna zamenjava pisav, pozni pasovi).

Zakaj šteje: premiki povzročijo zgrešene dotike in kognitivno trenje — pri obrazcih in blagajni je to kritično.

Kaj narediti: nastavite eksplicitne mere medijev, rezervirajte prostor za vdelave/oglase, uporabite sodobne strategije nalaganja pisav in ne vstavljajte vsebine nad že prikazano vsebino po nalaganju.

Kako to združiti

Ne potrebujete popolnih laboratorijskih rezultatov — potrebujete dosledno dobre metrike za prave uporabnike na potih, ki prinašajo prihodek. Najprej LCP na ciljnih straneh, INP na interaktivnih tokovih in CLS tam, kjer so obrazci.