Core Web Vitals mostra les tres mètriques en què Google es classifica (LCP, CLS i INP) mesurades en directe a la pàgina que esteu veient, valorades en funció dels llindars de Google i rastrejades fins a l'element exacte darrere de cada número.
Core Web Vitals decideix part de la classificació de les vostres pàgines, però les maneres habituals de mesurar-les són incòmodes. Les eines de laboratori anoten una càrrega sintètica que ningú experimenta. Search Console informa dels usuaris reals, amb quatre setmanes de retard, agrupats en grups d'URL. Cap us diu quin element de la pàgina que teniu davant és el problema.
Aquesta eina mesura la pàgina que realment esteu mirant, mentre la feu servir. LCP, CLS i INP reben cadascuna una fitxa amb el seu valor, una qualificació de Bé, Necessita feina o Pobre en comparació amb els llindars publicats de Google i una barra que mostra on us sentiu. FCP i TTFB s'asseuen al seu costat per context, perquè un LCP lent causat per un servidor lent és un problema diferent d'un causat per una imatge pesada.
Les definicions coincideixen amb el que Chrome informa a CrUX, cosa que importa si voleu comparar números amb Search Console. CLS utilitza finestres de sessió: una finestra acaba després d'un interval d'un segon o cinc segons, i la pitjor finestra guanya, en lloc d'afegir ingènuament tots els torns. INP és el percentil 98 de les latències d'interacció, que per a una visita normal és simplement la interacció més lenta. LCP deixa de canviar a la vostra primera interacció, exactament com ho fa Chrome.
El més útil és que s'atribueix cada nombre. El tauler anomena l'element de pintura més gran, els elements que s'han desplaçat i les interaccions més lentes, i un botó Mostra es desplaça fins a qualsevol d'ells i el perfila a la pàgina. En lloc de saber que CLS és 0,31, veuràs el bàner que fa baixar el teu contingut. L'informe de còpia us lliura tot com a text d'un bitllet.
Les tres mètriques de classificació s'actualitzen a mesura que utilitzeu la pàgina: desplaçar-se movent CLS, fer clic i escriure INP. Cadascun d'ells té la qualificació de Bé, Necessita treballar o Pobre en comparació amb els llindars de Google.
Anomena l'element de pintura més gran, els elements que s'han desplaçat i les interaccions més lentes. Premeu Mostra per desplaçar-vos a qualsevol d'ells i descriure'l directament a la pàgina.
CLS utilitza finestres de sessió amb una bretxa d'1 s i un límit de 5 s, INP és el percentil 98 de latències d'interacció i LCP es congela a la primera interacció, de manera que els vostres números s'alineen amb Search Console.
First Contentful Paint i Time To First Byte se situen al costat dels tres grans, de manera que podeu distingir un servidor lent a part d'una imatge d'heroi pesada abans de començar a optimitzar la cosa equivocada.
Enumera les teves interaccions més lentes amb el tipus d'esdeveniment i l'element implicat, de manera que es pot trobar un menú desplegable o un filtre lent en lloc d'endevinar-lo.
Un clic copia cada mètrica, qualificació i selector ofensiu com a text sense format, a punt per enganxar-lo a un bitllet, una sol·licitud d'extracció o un correu electrònic del client.
Confirmeu que LCP, CLS i INP estiguin en verd en una plantilla nova abans que es publiqui, en lloc d'esbrinar-ho des de Search Console un mes més tard.
Search Console us indica que un grup d'URL falla CLS; obre un d'ells amb aquesta eina i mira exactament quin element fa el canvi.
Desplaceu-vos per la pàgina i observeu l'ascens de CLS i, a continuació, premeu Mostra per descriure l'anunci, el bàner o el tipus de lletra web de càrrega tardana que mou el vostre contingut.
Feu clic a filtres, menús i modalitats i llegiu la llista d'interacció més lenta per trobar quin control costa centenars de mil·lisegons.
Enregistreu els números, implementeu la correcció, torneu a mesurar la mateixa pàgina i compareu els dos informes un al costat de l'altre.
Feu clic a la icona Core Web Vitals al moll de DevSuite Pro. Les fitxes de mètriques apareixen immediatament utilitzant el que la pàgina ja hagi enregistrat.
LCP només té sentit des de l'inici de la càrrega de la pàgina, així que torneu a carregar amb el tauler obert quan vulgueu una lectura en la qual pugueu confiar.
Desplaceu-vos per tota la pàgina per exercir CLS i feu clic, toqueu i escriviu per generar mesures d'INP. Les fitxes s'actualitzen a mesura que aneu.
Premeu Mostra al costat de l'element LCP, una font de canvi de disseny o una interacció lenta. La pàgina s'hi desplaça i l'esbossa perquè no hi hagi ambigüitat sobre quin element és responsable.
Feu clic a Copia l'informe per obtenir un resum en text sense format de cada mètrica, puntuació i selector. Premeu Restableix per tornar a iniciar CLS i INP des de zero.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 71 eines de desenvolupador per al teu navegador.
