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.

Brezplačen audit spletne strani · Študije primerov