Core Web Vitals arată cele trei valori pe care Google se clasează - LCP, CLS și INP - măsurate în direct pe pagina pe care o vizualizați, evaluate în raport cu pragurile Google și urmărite până la elementul exact din spatele fiecărui număr.
Core Web Vitals decide o parte din clasamentul paginilor dvs., dar modurile obișnuite de a le măsura sunt incomode. Instrumentele de laborator au o sarcină sintetică pe care nimeni nu o experimentează. Search Console raportează utilizatori reali, cu patru săptămâni întârziate, grupați în compartimente de adrese URL. Nici unul nu vă spune care element din pagina din fața dvs. este problema.
Acest instrument măsoară pagina la care vă uitați de fapt, pe măsură ce o utilizați. LCP, CLS și INP primesc fiecare câte o placă cu valoarea sa, o evaluare Bună, Necesită funcționare sau Slab față de pragurile publicate de Google și o bară care arată unde vă așezați. FCP și TTFB stau alături de ele pentru context, deoarece un LCP lent cauzat de un server lent este o problemă diferită de cea cauzată de o imagine grea.
Definițiile se potrivesc cu ceea ce Chrome raportează la CrUX, ceea ce contează dacă intenționați să comparați numere cu Search Console. CLS folosește ferestre de sesiune - o fereastră se termină după un interval de o secundă sau la cinci secunde, iar cea mai proastă fereastră câștigă - în loc să adună naiv fiecare schimb împreună. INP este a 98-a percentila a latențelor de interacțiune, care pentru o vizită normală este pur și simplu cea mai lentă interacțiune. LCP se oprește la prima interacțiune, exact așa cum o face Chrome.
Cel mai util, fiecare număr este atribuit. Panoul denumește cel mai mare element de pictură, elementele care s-au deplasat și cele mai lente interacțiuni, iar un buton Afișare defilează la oricare dintre ele și îl conturează pe pagină. În loc să știi că CLS este 0,31, vezi bannerul care împinge conținutul în jos. Copiați raportul vă înmânează totul ca text pentru un bilet.
Cele trei valori de clasare se actualizează pe măsură ce utilizați pagina: derularea mișcărilor CLS, clicul și tastarea INP mutarea. Fiecare este evaluat Bun, Necesită muncă sau Slab în raport cu pragurile Google.
Denumește elementul cu cea mai mare vopsea, elementele care s-au deplasat și cele mai lente interacțiuni. Apăsați Afișare pentru a derula la oricare dintre ele și pentru a o schița direct pe pagină.
CLS folosește ferestre de sesiune cu un interval de 1 s și un plafon de 5 s, INP este a 98-a percentila a latențelor de interacțiune, iar LCP se blochează la prima interacțiune, astfel încât numerele dvs. se aliniază cu Search Console.
First Contentful Paint și Time To First Byte stau lângă cei trei mari, astfel încât să puteți deosebi un server lent de o imagine grea de erou înainte de a începe să optimizați lucrul greșit.
Enumeră cele mai lente interacțiuni ale tale cu tipul de eveniment și elementul implicat, astfel încât un meniu derulant sau un filtru lent poate fi găsit în loc să fie ghicit.
Un clic copiează fiecare măsurătoare, evaluare și selector ofensator ca text simplu - gata de lipire într-un bilet, o solicitare de extragere sau un e-mail client.
Confirmați că LCP, CLS și INP sunt în verde pe un șablon nou înainte de a fi lansat, în loc să aflați din Search Console o lună mai târziu.
Search Console vă spune că un grup de adrese URL nu reușește CLS; deschide unul dintre ele cu acest instrument și vezi exact ce element face schimbarea.
Derulați pagina și urmăriți cum urcă CLS, apoi apăsați Afișare pentru a sublinia anunțul, bannerul sau fontul web care se încarcă târziu care vă mută conținutul.
Faceți clic pe filtre, meniuri și modal, apoi citiți lista cu cea mai lentă interacțiune pentru a afla ce control costă sute de milisecunde.
Înregistrați numerele, implementați remedierea, apoi măsurați din nou aceeași pagină și comparați cele două rapoarte unul lângă altul.
Faceți clic pe pictograma Core Web Vitals din dock-ul DevSuite Pro. Dale de metrică apar imediat folosind orice a înregistrat deja pagina.
LCP are sens doar de la începutul încărcării unei pagini, așa că reîncărcați cu panoul deschis atunci când doriți o citire în care puteți avea încredere.
Derulați întreaga pagină pentru a exercita CLS și faceți clic, atingeți și tastați pentru a genera măsurători INP. Plăcile se actualizează pe măsură ce mergi.
Apăsați Afișare lângă elementul LCP, o sursă de schimbare a aspectului sau o interacțiune lentă. Pagina derulează la ea și o conturează, astfel încât să nu existe ambiguitate cu privire la elementul responsabil.
Faceți clic pe Copiați raportul pentru un rezumat în text simplu al fiecărei valori, evaluări și selector. Apăsați Resetare pentru a porni CLS și INP din nou de la zero.
Instalează DevSuite Pro gratuit și deblochează peste 71 de instrumente pentru dezvoltatori în browserul tău.
