PageSpeed ​​Insights ajoute de nouvelles mesures de vitesse Lighthouse

PageSpeed ​​Insights de Google a ajouté deux nouvelles mesures à l’API et à l’interface utilisateur PageSpeed ​​Insights pour Lighthouse. Les deux paramètres étiquetés expérimentaux sont maintenant collectés pour les données de terrain tandis que les données de laboratoire correspondantes peuvent être utilisées à des fins de diagnostic.

Phare de Google mis à jour

Lighthouse est maintenant mis à jour avec les deux nouvelles mesures.

Les nouvelles métriques Lighthouse sont  :

  • Interaction avec la peinture suivante (INP)
  • Temps jusqu’au premier octet (TTFB)

Temps jusqu’au premier octet (TTFB)

Beaucoup de gens connaissent déjà Time to First Byte, il existe depuis de nombreuses années et certains le connaissent peut-être déjà. La métrique Time to First Byte (TTFB) mesure la rapidité avec laquelle le serveur répond à une demande de ressource. Ainsi, l’importance de cette métrique est qu’elle aide à isoler un facteur (réactivité du serveur) qui peut avoir un effet négatif sur toutes les autres métriques de chargement de page qui viennent après. Cela fait du TTFB une mesure très importante à examiner à des fins de diagnostic. Quiconque se concentre sur l’amélioration de Core Web Vitals devrait jeter un coup d’œil à TTFB pour une éventuelle victoire rapide. Ce qui a changé à propos du TTFB, c’est que c’est la première fois qu’il est disponible en tant que métrique dans la section des résultats de PageSpeed ​​Insights. Chrome collectera et rapportera également pour la première fois les données de terrain TTFB.

Interaction avec la peinture suivante (INP)

L’interaction avec la peinture suivante (INP) est une toute nouvelle mesure qui représente le temps qu’il faut pour interagir avec la page entière, ce que Google appelle la « latence d’interaction globale ». Les mesures INP représentent le temps qu’il faut pour interagir avec la page entière, contrairement au premier délai d’entrée qui mesure uniquement le temps qu’il faut à la page pour répondre à la première interaction d’un visiteur du site. Google utilise un exemple de page d’achat pour illustrer la différence entre un bon INP et un mauvais INP. L’exemple d’une page d’achat montre une image cliquable qui génère une version agrandie plus grande. L’exemple d’une mauvaise réactivité est un utilisateur cliquant sur l’image puis attendant que quelque chose se produise pendant que l’image plus grande se télécharge sur le navigateur. Il n’y a pas de réponse de rétroaction au clic. L’exemple d’une bonne réactivité est celui d’un utilisateur cliquant sur la même image qui répond immédiatement avec un graphique de chargement de page qui indique que la demande d’image a été reçue et qu’elle est en train de se charger.

Capture d’écran d’une bonne réactivité d’un élément de page Web

Ce qui précède est un exemple de la façon dont la nouvelle métrique INP mesurera tous les éléments réactifs d’une page Web afin de parvenir à une représentation de l’interaction avec Next Paint.

Web.dev de Google explique la nouvelle métrique Interaction to Next Paint (INP) :

« INP est une métrique qui vise à représenter la latence d’interaction globale d’une page en sélectionnant l’une des interactions les plus longues qui se produisent lorsqu’un utilisateur visite une page. Pour les pages avec moins de 50 interactions au total, INP est l’interaction avec la pire latence. Pour les pages avec de nombreuses interactions, INP est le plus souvent le 98e centile de la latence d’interaction.

Nouvelle mise en page PageSpeed ​​Insights

Les deux nouvelles mesures sont disponibles pour examen dès maintenant dans l’outil PageSpeed ​​Insights. Mais l’affichage des données de champ peut prendre un certain temps, car les données de champ proviennent d’utilisateurs réels du navigateur Chrome qui ont choisi d’autoriser l’envoi des données de vitesse de page à Google pour visiter le site et enregistrer leurs données. Les scores principaux de Web Vitals sont répertoriés en premier dans une rangée (sur la vue du bureau).

Lighthouse affiche ensuite une deuxième ligne de statistiques  :

  • Première peinture contente
  • INP
  • TTFB

Capture d’écran du nouvel affichage des métriques Lighthouse

Extension de phare chromé

Une autre façon d’afficher les nouvelles métriques est avec l’extension Chrome Lighthouse. La façon de l’utiliser est de naviguer vers n’importe quelle page et une case carrée en haut à droite du navigateur deviendra rouge ou verte selon que la page passe ou non les mesures Core Web Vitals. Cliquer sur la case elle-même active un affichage du CWV et des mesures expérimentales.

Capture d’écran de l’extension Chrome Lighthouse

Nouvelles mesures disponibles dans les outils tiers

Les nombreux outils de vitesse de page qui utilisent Lighthouse dans leur analyse afficheront également les métriques INP et TTFB. Par exemple, WebPageTest.org affiche désormais les nouvelles mesures.

Capture d’écran des résultats de WebPageTest Lighthouse

Mises à jour des informations sur la vitesse des pages

Il existe également des mises à jour supplémentaires de l’outil PageSpeed ​​Insights. Un changement notable est la vitesse à laquelle les résultats sont affichés, ce qui est accompli en chargeant les données de terrain et de laboratoire en parallèle. Un autre changement est que PageSpeed ​​Insights essaiera d’abord de résoudre les redirections HTTP avant de les envoyer à Lighthouse pour effectuer une analyse. Auparavant, Lighthouse gérait les redirections HTTP lors de l’analyse.

Plus deux autres modifications supplémentaires  :

« Les métriques Core Web Vitals (CWV) (LCP, FID, CLS) apparaissent directement sous l’évaluation CWV. Nous avons resserré la conception, réduisant la verbosité et l’espace vertical.

Les données Lighthouse sont plus utiles

L’ajout de ces deux mesures, TTFB et INP, rend tous les outils de vitesse de page qui utilisent l’analyse Lighthouse beaucoup plus utiles. TTFB fournit des commentaires sur les problèmes liés au serveur qui peuvent être à l’origine de mauvaises performances de vitesse ailleurs et INP offre un aperçu plus large des performances de la page que ce qui était auparavant disponible.

Citations

Lire l’explicateur INP officiel de Google

Interaction avec la peinture suivante (INP)

Lisez l’explicateur TTFB récemment mis à jour de Google

Temps jusqu’au premier octet (TTFB)

Lire les notes de version de PageSpeed ​​Insights

Notes de version pour l’API PageSpeed ​​Insights et l’interface utilisateur PageSpeed ​​Insights

Tags: