Google Chrome reçoit des superpositions de performances de page Web en temps réel
Google Chrome obtient une nouvelle vue tête haute (HUD) du navigateur qui affiche les mesures de performances des pages Web que vous visitez.
En avril, Google a lancé une nouvelle initiative appelée Core Web Vitals, qui mesure les performances du site Web et l'expérience utilisateur, ce qui est nécessaire pour une bonne expérience utilisateur lors de la navigation sur des sites Web.
Les mesures Web Vital Web les plus importantes actuellement mesurées par Google sont Maximum Content Paint (LCP), First Delay (FID) et Cumulative Layout S.
• LCP (Largest Content Paint) mesure le moment où le plus grand élément devient visible sur l'écran visible du navigateur. Pour une bonne expérience utilisateur, le LCP doit être affiché dans les 2,5 secondes après le chargement de la page.
• Le délai de première entrée (FID) mesure le temps entre le moment où l'utilisateur a interagi pour la première fois avec la page jusqu'à ce que le navigateur ait répondu à cette interaction. La page doit avoir un FID de moins de 100 millisecondes pour garantir une bonne expérience utilisateur.
• Le décalage de mise en page cumulatif (CLS) mesure le déplacement du contenu visible dans la fenêtre d'aperçu et la distance parcourue par les éléments. Une cause fréquente de CLS est la suppression du contenu visible par les publicités. Les pages doivent prendre en charge CLS inférieur à 0,1 pour garantir une bonne expérience utilisateur.
En mai 2021, Google utilisera les métriques Core Web Vitals du site Web comme facteur de classement dans l'algorithme du moteur de recherche de Google.
Pour faciliter l'analyse de ces métriques par les utilisateurs sur les pages Web, Google publie une extension Chrome appelée Web Vitals qui affiche un HUD à l'écran pour les mesures de performance des pages Web que vous visitez.
Vital Web Metrics HUD est une fonctionnalité intégrée
Dans Google Chrome Canary Builds, Google élimine le besoin d'extensions et crée un HUD intégré qui affiche des mesures de performances en temps réel pendant l'utilisation des pages Web.
Comme vous pouvez le voir ci-dessous, ce HUD apparaît dans le coin supérieur droit de la page Web et affiche les compteurs de performance pour Maximum Content Paint (LCP), First Input Delay (FID) et Cumulative Layout Offset (CLS). ),
Dans le cadre de cette fonctionnalité, les développeurs de Chrome ont également ajouté une nouvelle mesure appelée Medium Reduced Frame (ADF).
La métrique ADF est une métrique d'alignement qui mesure les performances lors du rendu des GPU et des pages Web. Plus l'ADF est bas, plus la page est lisse, tandis qu'un cadre de dépôt plus élevé provoque des «coupures» ou des étranglements et une irritation lors de l'utilisation de pages Web.
Il y a encore beaucoup à faire avec cette fonctionnalité car le texte est trop petit pour être lu facilement, peut couvrir des parties importantes de la page Web et il n'y a pas de moyen facile de désactiver le HUD. Google travaille activement pour [1, 2] éliminer ce problème.
Une fois cela fait, cependant, cette fonctionnalité est particulièrement utile pour les développeurs qui essaient d'obtenir autant de performances que possible de leur site Web ou de leur référencement qui souhaitent mieux se classer dans les résultats de recherche Google.
Comment activer les benchmarks Chrome pour HUD
Pour tester les performances du nouveau HUD, vous devez d'abord installer Google Chrome Canary.
Après avoir installé Chrome Canary, vous pouvez activer la fonctionnalité HUD en suivant les étapes ci-dessous.
1. Tapez chrome: // flags dans la barre d'adresse de Chrome et appuyez sur Entrée.
2. Lorsque l'écran de test s'ouvre, recherchez "HUD".
3. Si vous voyez l'alerte Afficher les métriques de performances du HUD, cliquez sur le menu déroulant et sélectionnez Activé.
4. Redémarrez le navigateur lorsque vous y êtes invité.
Après avoir redémarré Google Chrome, vous verrez les métriques de performances du HUD tout en naviguant sur Internet.