Core Web Vitals prikazuje tri metrike prema kojima Google rangira — LCP, CLS i INP — izmjerene uživo na stranici koju gledate, ocijenjene prema Googleovim pragovima i praćene unatrag do točnog elementa iza svakog broja.
Core Web Vitals odlučuje o tome kako će vaše stranice biti rangirane, ali uobičajeni načini mjerenja su nezgodni. Laboratorijski alati postižu sintetičko opterećenje koje nitko ne doživljava. Search Console izvještava o stvarnim korisnicima, s četiri tjedna zakašnjenja, grupiranim u segmente URL-ova. Nijedno vam ne govori koji je element na stranici ispred vas problem.
Ovaj alat mjeri stranicu koju zapravo gledate, dok je koristite. LCP, CLS i INP svaki dobiva pločicu sa svojom vrijednošću, ocjenom Dobar, Treba raditi ili Loš u odnosu na Googleove objavljene pragove i traku koja pokazuje gdje sjedite. FCP i TTFB stoje uz njih zbog konteksta jer je spor LCP uzrokovan sporim poslužiteljem drugačiji problem od onog uzrokovanog teškom slikom.
Definicije odgovaraju onome što Chrome prijavljuje CrUX-u, što je važno ako namjeravate usporediti brojke sa Search Consoleom. CLS koristi prozore sesije - prozor završava nakon pauze od jedne sekunde ili nakon pet sekundi, a najgori prozor pobjeđuje - umjesto da naivno zbraja svaki pomak. INP je 98. percentil latencije vaše interakcije, što je za normalan posjet jednostavno najsporija interakcija. LCP se prestaje mijenjati pri vašoj prvoj interakciji, baš kao što to radi Chrome.
Što je najkorisnije, svaki broj je pripisan. Ploča imenuje najveći element za slikanje, elemente koji su se pomaknuli i najsporije interakcije, a gumb Prikaži pomiče se do bilo kojeg od njih i ocrtava ga na stranici. Umjesto da znate da je CLS 0,31, vidite banner koji gura vaš sadržaj prema dolje. Copy report daje vam cijelu stvar kao tekst za kartu.
Tri metrike rangiranja ažuriraju se dok koristite stranicu: pomicanje pomiče CLS, klikanje i upisivanje pomiče INP. Svaki je ocijenjen kao Dobar, Treba raditi ili Loš prema Googleovim pragovima.
Imenuje najveći element bojanja, elemente koji su se pomaknuli i najsporije interakcije. Pritisnite Prikaži kako biste se pomaknuli do bilo kojeg od njih i označili ga izravno na stranici.
CLS koristi prozore sesije s razmakom od 1 s i ograničenjem od 5 s, INP je 98. percentil latencije interakcije, a LCP se zamrzava pri prvoj interakciji — tako da se vaši brojevi poklapaju s Search Consoleom.
First Contentful Paint i Time To First Byte nalaze se uz velika tri, tako da možete razlikovati spor poslužitelj od teške herojske slike prije nego počnete optimizirati pogrešnu stvar.
Navodi vaše najsporije interakcije s vrstom događaja i uključenim elementom, tako da se može pronaći tromi padajući izbornik ili filtar umjesto da se nagađa.
Jednim klikom kopira se svaka metrika, ocjena i selektor problema kao običan tekst — spreman za lijepljenje u kartu, zahtjev za povlačenjem ili e-poštu klijenta.
Potvrdite da su LCP, CLS i INP u zelenom na novom predlošku prije nego što bude aktivan, umjesto da saznate na Search Consoleu mjesec dana kasnije.
Search Console govori vam da grupa URL-ova ne zadovoljava CLS; otvorite jedan od njih ovim alatom i vidite točno koji element vrši pomak.
Pomičite se po stranici i gledajte kako se CLS penje, zatim pritisnite Prikaži kako biste označili oglas koji se kasno učitava, banner ili web font koji pomiče vaš sadržaj.
Kliknite kroz filtre, izbornike i modale, zatim pročitajte popis najsporije interakcije kako biste saznali koja kontrola košta stotine milisekundi.
Zabilježite brojeve, implementirajte popravak, zatim ponovno izmjerite istu stranicu i usporedite dva izvješća jedno uz drugo.
Kliknite ikonu Core Web Vitals u DevSuite Pro docku. Metričke pločice pojavljuju se odmah koristeći sve što je stranica već snimila.
LCP ima smisla samo od početka učitavanja stranice, stoga ponovno učitajte s otvorenom pločom kada želite čitanje kojem možete vjerovati.
Pomičite se kroz cijelu stranicu kako biste vježbali CLS, kliknite, dodirnite i upišite za generiranje INP mjerenja. Pločice se ažuriraju dok idete.
Pritisnite Prikaži pored LCP elementa, izvora pomaka izgleda ili spore interakcije. Stranica se pomiče do njega i ocrtava ga tako da nema nejasnoća o tome koji je element odgovoran.
Kliknite Kopiraj izvješće za sažetak čistog teksta svake metrike, ocjene i birača. Pritisnite Reset za ponovno pokretanje CLS i INP od nule.
Instalirajte DevSuite Pro besplatno i otključajte 71+ razvojnih alata za svoj preglednik.
