Перформансе

Core Web Vitals објашњени једноставно

Аутор Тим AsasWeb 1 мин читања

Core Web Vitals су три броја којима Google мери како страница делује стварној особи. Largest Contentful Paint треба да буде испод 2,5 секунде, Cumulative Layout Shift испод 0,1, а Interaction to Next Paint испод 200 милисекунди. Уобичајене исправке су лакше слике, мање JavaScript-а, подешени веб фонтови и резервисан простор за све што се касно учитава, све мерено на телефону средње класе, а не на брзом лаптопу.

Core Web Vitals су три броја које Google користи да опише како се ваш сајт чини стварној особи. Вреди их разумети, јер утичу и на ваше рангирање у претрази и на стопу конверзије. Ево их без жаргона.

Largest Contentful Paint: да ли се брзо учитава?

LCP мери колико је времена потребно да се главни садржај појави. Циљајте на испод 2,5 секунде, а за брз сајт ближе 2. Уобичајене исправке су лакше слике у модерним форматима, мање ресурса који блокирају приказ и подешени веб фонтови, тако да се велики наслов или слика прикажу раније.

Cumulative Layout Shift: да ли остаје на месту?

CLS мери колико страница скаче док се учитава. Ништа није досадније од додиривања дугмета које се помери у последњем тренутку. Циљајте на испод 0,1. Исправке су постављање ширине и висине на сликама, резервисање простора за било шта што се учитава касно и подешавање фонтова тако да се текст не премешта када стигне веб фонт.

Interaction to Next Paint: да ли реагује?

INP мери колико брзо страница реагује када додирнете или куцате. Циљајте на испод 200 милисекунди. Главни узрок лошег INP-а је превише JavaScript-а који блокира главну нит, па је лек обично да се испоручи мање.

Мерите тамо где су ваши корисници

Бројеви који су битни су они са телефона средње класе на стварној вези, не са брзог лаптопа на канцеларијском wi-fi-ју. Тамо меримо, јер је тамо где је већина посетилаца заправо.

Добри витали су резултат пажљиве израде, не закрпе у последњи час. Ако вашим резултатима треба рад, покрените пројекат и измерићемо их поштено и подићи их.

Желите овај стандард на свом сајту?

Реците нам нешто о вашем пројекту и одговорићемо искреним, практичним следећим корацима.