PageSpeed Insights de Google va afegir dues mètriques noves a l’API i la IU de PageSpeed Insights per a Lighthouse. Les dues mètriques s’etiqueten com a experimentals ara s’estan recopilant per a dades de camp, mentre que les dades de laboratori corresponents es poden utilitzar amb finalitats de diagnòstic.
Google Lighthouse actualitzat
Lighthouse ara s’actualitza amb les dues mètriques noves.
Les noves mètriques de Lighthouse són:
- Interacció amb Next Paint (INP)
- Temps fins al primer byte (TTFB)
Temps fins al primer byte (TTFB)
Molta gent ja coneixerà Time to First Byte, fa molts anys que hi ha i alguns potser ja ho coneguin.
La mètrica Time to First Byte (TTFB) mesura la rapidesa amb què el servidor respon a una sol·licitud d’un recurs.
Per tant, la importància d’aquesta mètrica és que ajuda a aïllar un factor (la capacitat de resposta del servidor) que pot tenir un efecte negatiu en totes les altres mètriques de càrrega de pàgines que vinguin després.
Això fa que TTFB sigui una mètrica molt important per revisar amb finalitats de diagnòstic.
Qualsevol persona enfocada a millorar Core Web Vitals hauria de donar una ullada a TTFB per obtenir una possible victòria ràpida.
El que ha canviat a TTFB és que aquesta és la primera vegada que està disponible com a mètrica a la secció de resultats de PageSpeed Insights.
Chrome també recopilarà i informarà les dades del camp TTFB per primera vegada.
Interacció amb Next Paint (INP)
La interacció amb Next Paint (INP) és una mètrica totalment nova que representa el temps que triga a interactuar amb tota la pàgina, què Trucades de Google el “latència global de la interacció.”
Les mesures INP representa el temps que triga a interactuar amb tota la pàgina, que contrasta amb el retard de la primera entrada, que només mesura el temps que triga la pàgina a respondre a la primera interacció d’un visitant del lloc.
Google utilitza un exemple de pàgina de compres per il·lustrar la diferència entre un bon INP i un pobre INP.
L’exemple d’una pàgina de compres mostra una imatge on es pot fer clic que genera una versió de primer pla més gran.
L’exemple de poca capacitat de resposta és un usuari que fa clic a la imatge i després espera que passi alguna cosa mentre la imatge més gran es baixa al navegador. No hi ha cap resposta al clic.
L’exemple d’una bona capacitat de resposta és que un usuari fa clic a la mateixa imatge que immediatament respon amb un gràfic de càrrega de la pàgina que comunica que la sol·licitud de la imatge s’ha rebut i que ara s’està carregant.
Captura de pantalla d’una bona capacitat de resposta d’un element de pàgina web
L’anterior és un exemple de com la nova mètrica INP mesurarà tots els elements sensibles d’una pàgina web per arribar a una representació de la interacció amb Next Paint.
Web.dev de Google explica la nova mètrica Interaction to Next Paint (INP):
“INP és una mètrica que té com a objectiu representar la latència d’interacció global d’una pàgina seleccionant una de les interaccions més llargues que es produeixen quan un usuari visita una pàgina.
Per a pàgines amb menys de 50 interaccions en total, INP és la interacció amb la pitjor latència.
Per a pàgines amb moltes interaccions, INP és més sovint el percentil 98 de latència d’interacció”.
Nou disseny de PageSpeed Insights
Les dues mètriques noves es poden revisar ara mateix a l’eina PageSpeed Insights.
Però les dades del camp poden trigar una mica a mostrar-se perquè les dades del camp provenen dels usuaris reals del navegador Chrome que han optat per permetre que les dades de velocitat de la pàgina s’enviïn a Google per visitar el lloc i tenir les seves dades enregistrades.
Les puntuacions bàsiques de web vitals es mostren primer en una fila (a la vista de l’escriptori).
A continuació, Lighthouse mostra una segona fila de mètriques:
- Primera pintura de contingut
- INP
- TTFB
Captura de pantalla de New Lighthouse Metrics Display
Extensió Chrome Lighthouse
Una altra manera de veure les noves mètriques és amb el Extensió Chrome Lighthouse.
La manera d’utilitzar-lo és navegar a qualsevol pàgina i un quadre quadrat a la part superior dreta del navegador es tornarà vermell o verd en funció de si la pàgina supera les mètriques de Core Web Vitals.
En fer clic a la casella, s’activa una visualització de la mètrica CWV i experimental.
Captura de pantalla de l’extensió Chrome Lighthouse
Noves mètriques disponibles a les eines de tercers
Les nombroses eines de velocitat de la pàgina que utilitzen Lighthouse en la seva anàlisi també mostraran les mètriques INP i TTFB.
Per exemple, WebPageTest.org ara mostra les noves mètriques.
Captura de pantalla dels resultats de WebPageTest Lighthouse
Actualitzacions de la velocitat de la pàgina
També hi ha actualitzacions addicionals a l’eina PageSpeed Insights.
Un canvi notable és la velocitat a la qual es mostren els resultats, que s’aconsegueix carregant dades de camp i de laboratori en paral·lel.
Un altre canvi és que PageSpeed Insights intentarà resoldre les redireccions HTTP abans d’enviar-les a Lighthouse per fer-ne l’anàlisi. Anteriorment, Lighthouse gestionava les redireccions HTTP mentre realitzava l’anàlisi.
A més de dos canvis més:
“Les mètriques de Core Web Vitals (CWV) (LCP, FID, CLS) apareixen directament a sota de l’avaluació de CWV.
Hem ajustat el disseny, reduint la verbositat i l’espai vertical”.
Les dades del far són més útils
L’addició d’aquestes dues mètriques, TTFB i INP, fa que totes les eines de velocitat de la pàgina que utilitzen l’anàlisi Lighthouse siguin molt més útils. TTFB proporciona comentaris sobre problemes relacionats amb el servidor que poden ser la base d’un rendiment baix de velocitat en altres llocs i INP ofereix una visió general més àmplia del rendiment de la pàgina que la que hi havia disponible anteriorment.
Citacions
Llegiu l’explicador oficial d’INP de Google
Interacció amb Next Paint (INP)
Llegiu l’explicador de TTFB d’actualització recent de Google
Temps fins al primer byte (TTFB)
