← Nazad na funkcije
Pro

Core Web Vitals

Core Web Vitals приказује три метрике по којима се Гоогле рангира — ЛЦП, ЦЛС и ИНП — мерене уживо на страници коју гледате, оцењене према Гоогле-овим праговима и праћене тачно до елемента иза сваког броја.

Core Web Vitals одлучује о томе како ће ваше странице бити рангиране, али уобичајени начини њиховог мерења су незгодни. Лабораторијски алати имају синтетичко оптерећење које нико не доживљава. Сеарцх Цонсоле извештава о стварним корисницима, који касне четири недеље, груписане у сегменте УРЛ-ова. Ни једно ни друго вам не говори који елемент на страници испред вас представља проблем.

Овај алат мери страницу коју заправо гледате док је користите. ЛЦП, ЦЛС и ИНП сваки добијају плочицу са својом вредношћу, оценом Добар, Потребан рад или Лош у односу на Гоогле-ове објављене прагове и траку која показује где седите. ФЦП и ТТФБ се налазе поред њих ради контекста, јер је спор ЛЦП узрокован спорим сервером другачији проблем од оног узрокованог тешком сликом.

Дефиниције се поклапају са оним што Цхроме извештава ЦрУКС-у, што је важно ако намеравате да упоредите бројеве са Сеарцх Цонсоле-ом. ЦЛС користи прозоре сесије — прозор се завршава након паузе од једне секунде или након пет секунди, а најгори прозор побеђује — уместо да наивно додаје сваку смену заједно. ИНП је 98. перцентил ваше латенције интеракције, што је за нормалну посету једноставно најспорија интеракција. ЛЦП престаје да се мења при првој интеракцији, баш као што то ради Цхроме.

Најкорисније је да се сваки број приписује. Панел именује елемент са највећим бројем боје, елементе који су се померили и најспорије интеракције, а дугме Прикажи скролује до било ког од њих и оцртава га на страници. Уместо да знате да је ЦЛС 0,31, видите банер који гура ваш садржај надоле. Копирај извештај вам даје целу ствар као текст за карту.

Pregled uživo
example.com/products
Core Web Vitals Мерење уживо
LCPДобро
1.84 s
CLSЈадно
0.312
INPПотребан рад
248 ms
FCP 1.12 s
TTFB 410 ms
Највећи елемент
1.84 s section.hero > img.banner Схов
Највеће промене распореда
0.241 div.promo-banner Схов
0.071 ul.product-grid > li:nth-of-type(3) Схов
Ključne karakteristike

ЛЦП, ЦЛС и ИНП уживо

Три показатеља рангирања се ажурирају док користите страницу: померање помера ЦЛС, кликање и куцање потез ИНП. Сваки од њих има оцену Добар, Потребан рад или Лош у односу на Гоогле-ове прагове.

Говори вам који елемент

Именује елемент највеће боје, елементе који су се померили и најспорије интеракције. Притисните Прикажи да бисте дошли до било којег од њих и оцртали га директно на страници.

Цхроме-ове сопствене дефиниције

ЦЛС користи прозоре сесије са размаком од 1с и ограничењем од 5с, ИНП је 98. перцентил кашњења интеракције, а ЛЦП се замрзава при првој интеракцији — тако да се ваши бројеви подударају са Сеарцх Цонсоле-ом.

ФЦП и ТТФБ за контекст

Фирст Цонтентфул Паинт и Тиме То Фирст Бите седе поред велике три, тако да можете да разликујете спор сервер од тешке слике хероја пре него што почнете да оптимизујете погрешну ствар.

Интерацтион Бреакдовн

Наводи ваше најспорије интеракције са типом догађаја и укљученим елементом, тако да се спори падајући мени или филтер може пронаћи уместо да се нагађа.

Извештај који се може копирати

Једним кликом копира сваки метрику, оцену и увредљив бирач као обичан текст — спреман за лепљење у тикет, захтев за повлачење или е-поруку клијента.

Uobičajeni slučajevi upotrebe

Провера странице пре слања

Потврдите да су ЛЦП, ЦЛС и ИНП у зеленој боји на новом шаблону пре него што се објави, уместо да сазнате из Сеарцх Цонсоле-а месец дана касније.

Трагање за упозорењем Сеарцх Цонсоле

Сеарцх Цонсоле вам говори да група УРЛ-ова не успева у ЦЛС-у; отворите један од њих овим алатом и видите тачно који елемент врши померање.

Проналажење елемента који скаче

Померите страницу и гледајте како се ЦЛС пење, а затим притисните Прикажи да бисте оцртали оглас, банер или веб фонт који се помера са касним учитавањем.

Дијагностиковање спорог интерфејса

Кликните кроз филтере, меније и модале, а затим прочитајте листу најспорих интеракција да бисте сазнали која контрола кошта стотине милисекунди.

Доказивање да је оптимизација успела

Забележите бројеве, примените исправку, а затим поново измерите исту страницу и упоредите два извештаја један поред другог.

Kako se koristi
1

Отворите Core Web Vitals

Кликните на икону Core Web Vitals у DevSuite Pro доку. Метричке плочице се појављују одмах користећи све што је страница већ снимила.

2

Поново учитајте за чист ЛЦП

ЛЦП има смисла само од почетка учитавања странице, па поново учитајте са отвореним панелом када желите читање коме можете веровати.

3

Користите страницу нормално

Померите се кроз целу страницу да бисте вежбали ЦЛС, и кликните, тапните и укуцајте да бисте генерисали ИНП мерења. Плочице се ажурирају како идете.

4

Пронађите кривца

Притисните Прикажи поред ЛЦП елемента, извора са померањем распореда или споре интеракције. Страница се помера до ње и оцртава је тако да нема нејасноћа о томе који је елемент одговоран.

5

Копирајте извештај

Кликните на Копирај извештај за преглед у чистом тексту сваког показатеља, оцене и бирача. Притисните Ресет да поново покренете ЦЛС и ИНП од нуле.

Spremni da probate?

Instalirajte DevSuite Pro besplatno i otključajte 71+ alata za programere za svoj pretraživač.

Dodaj u Chrome Додај у Edge Dodaj u FireFox