Core Web Vitals prikazuje tri meritve, po katerih se Google uvršča – LCP, CLS in INP – merjene v živo na strani, ki si jo ogledujete, ocenjene glede na Googlove pragove in sledijo nazaj do natančnega elementa za vsako številko.
Core Web Vitals delno odloča o uvrstitvi vaših strani, vendar so običajni načini merjenja le-teh nerodni. Laboratorijska orodja dosegajo sintetično obremenitev, ki je nihče ne izkusi. Search Console poroča o dejanskih uporabnikih s štiritedensko zamudo, razvrščenih v vedra URL. Nobeden vam ne pove, kateri element na strani pred vami je težava.
To orodje meri stran, ki jo dejansko gledate, medtem ko jo uporabljate. LCP, CLS in INP vsak prejme ploščico s svojo vrednostjo, oceno Dobro, Potrebuje delo ali Slabo glede na Googlove objavljene pragove in vrstico, ki prikazuje, kje sedite. FCP in TTFB sta jim poleg konteksta, ker je počasen LCP, ki ga povzroči počasen strežnik, drugačna težava od tiste, ki jo povzroči težka slika.
Definicije se ujemajo s tem, kar Chrome poroča CrUX-u, kar je pomembno, če nameravate primerjati številke s konzolo Search Console. CLS uporablja okna seje – okno se konča po enosekundnem presledku ali pri petih sekundah in zmaga najslabše okno – namesto naivnega seštevanja vseh premikov skupaj. INP je 98. percentil zakasnitev vaše interakcije, kar je za običajen obisk preprosto najpočasnejša interakcija. LCP se preneha spreminjati ob vaši prvi interakciji, natanko tako kot Chrome.
Najbolj uporabno je, da je vsako število pripisano. Plošča poimenuje največji barvni element, elemente, ki so se premaknili, in najpočasnejše interakcije, gumb Pokaži pa se pomakne do katerega koli od njih in ga orisuje na strani. Namesto da bi vedeli, da je CLS 0,31, vidite pasico, ki potiska vašo vsebino navzdol. Kopiranje poročila vam preda celotno stvar kot besedilo za vstopnico.
Tri meritve razvrščanja se posodabljajo, ko uporabljate stran: drsenje premakne CLS, klikanje in tipkanje premakne INP. Vsak ima oceno Dobro, Potrebuje delo ali Slabo glede na Googlove pragove.
Imenuje največji barvni element, elemente, ki so se premaknili, in najpočasnejše interakcije. Pritisnite Pokaži, da se pomaknete do katerega koli od njih in ga označite neposredno na strani.
CLS uporablja okna sej z vrzeljo 1 s in omejitvijo 5 s, INP je 98. percentil zakasnitev interakcije, LCP pa zamrzne ob prvi interakciji – tako da se vaše številke ujemajo s konzolo Search Console.
First Contentful Paint in Time To First Byte stojita poleg velikih treh, tako da lahko ločite počasen strežnik od težke glavne slike, preden začnete optimizirati napačno stvar.
Navaja vaše najpočasnejše interakcije z vrsto dogodka in vključenim elementom, tako da je mogoče najti počasen spustni meni ali filter, namesto da bi ga ugibali.
Z enim klikom kopirate vsako meritev, oceno in izbirnik kršitev kot navadno besedilo – pripravljeno za lepljenje v vstopnico, zahtevo za vlečenje ali e-pošto odjemalca.
Potrdite, da so LCP, CLS in INP v zeleni predlogi, preden bo objavljena, namesto da bi to izvedeli iz Search Console mesec dni kasneje.
Search Console vam pove, da skupina URL-jev ne izpolnjuje CLS; odprite enega od njih s tem orodjem in natančno poglejte, kateri element izvaja premik.
Pomaknite se po strani in opazujte, kako se CLS vzpenja, nato pa pritisnite Prikaži, da označite pozno naložen oglas, pasico ali spletno pisavo, ki premika vašo vsebino.
Kliknite skozi filtre, menije in načine, nato preberite seznam najpočasnejših interakcij, da ugotovite, kateri nadzor stane na stotine milisekund.
Zabeležite številke, uvedite popravek, nato ponovno izmerite isto stran in primerjajte obe poročili drugo ob drugem.
Kliknite ikono Core Web Vitals v doku DevSuite Pro. Metrične ploščice se prikažejo takoj z uporabo vsega, kar je stran že zabeležila.
LCP je pomemben samo od začetka nalaganja strani, zato znova naložite z odprto ploščo, ko želite branje, ki mu lahko zaupate.
Pomaknite se po celotni strani, da izvajate CLS, kliknite, tapnite in vnesite, da ustvarite meritve INP. Ploščice se sproti posodabljajo.
Pritisnite Pokaži zraven elementa LCP, vira za premik postavitve ali počasne interakcije. Stran se pomakne do njega in ga označi, tako da ni dvoumnosti o tem, kateri element je odgovoren.
Kliknite Kopiraj poročilo za povzetek vsake meritve, ocene in izbirnika v navadnem besedilu. Pritisnite Ponastavi, da ponovno zaženete CLS in INP iz nič.
Namestite DevSuite Pro brezplačno in odklenite več kot 71 orodij za razvijalce za svoj brskalnik.
