Nouvelles mesures de performances, mises à jour de PageSpeed Insights et du rapport d'expérience utilisateur Chrome (CrUX), et plus encore.
Lors du Chrome Developer Summit, Paul Irish et moi avons annoncé des mises à jour de Lighthouse — Lighthouse CI, une nouvelle formule de notation des performances, et plus encore. Parallèlement aux grandes nouvelles de Lighthouse, nous présentons des développements passionnants d'outils de performance, notamment de nouvelles mesures de performance, des mises à jour de PageSpeed Insights et du rapport d'expérience utilisateur Chrome (CrUX), ainsi que des informations issues de l'analyse de l'écosystème Web par Web Almanac.
Nouvelles mesures de performances
Mesurer les nuances de l'expérience d'un utilisateur est la clé pour quantifier l'impact qu'il a sur vos résultats et suivre les améliorations et les régressions. Au fil du temps, de nouvelles mesures ont évolué pour capturer ces nuances et combler les lacunes dans la mesure de l'expérience utilisateur. Le dernier ajout à l'histoire des métriques sont deux métriques de champ : Largest Content Paint (LCP) et Cumulative Design Change (CLS), qui sont en cours d'incubation au sein du W3C Web Performance Working Group, et un nouveau laboratoire de métriques : total block time (TBT) .
Peinture de contenu plus large (LCP)
Largest Content Paint (LCP) signale lorsque le plus grand élément de contenu devient visible dans la fenêtre d'affichage.
Avant la peinture de contenu plus large, la première peinture significative (FMP) et l'indice de vitesse (SI) étaient utilisés pour capturer l'expérience de chargement après la peinture initiale, mais ces mesures sont complexes et n'identifient souvent pas quand le contenu principal de la page a été chargé. Des recherches ont montré que le simple fait de regarder à quel moment le plus grand élément de la page est rendu représente mieux le moment où le contenu principal d'une page est chargé.
La nouvelle métrique Paint with Larger Content sera bientôt disponible dans les rapports Lighthouse, et en attendant, vous pouvez mesurer LCP en JavaScript.
Temps de blocage total (TBT)
La métrique Total Blocking Time (TBT) mesure le temps total entre First Contentful Paint (FCP) et Time to Interactive (TTI) où le thread principal a été bloqué suffisamment longtemps pour empêcher la réponse d'entrée.
Une tâche est considérée comme longue si elle s'exécute sur le thread principal pendant plus de 50 millisecondes. Toute milliseconde au-dessus est comptée dans le temps de blocage de cette tâche.
Le temps de blocage total pour une page est la somme des temps de blocage de toutes les tâches longues qui se sont produites entre FCP et TTI.
Alors que Time to Interactive fait un bon travail pour identifier le moment où le thread principal se calme plus tard dans le chargement, le temps de bloc total est destiné à quantifier la tension du thread principal pendant le chargement. De cette manière, TTI et TBT se complètent et assurent un équilibre.
Modification de conception cumulative (CLS)
Le changement de mise en page cumulé (CLS) mesure la stabilité visuelle d'une page et quantifie la fréquence à laquelle les utilisateurs subissent des changements de mise en page inattendus. Un mouvement inattendu de contenu peut être très frustrant, et cette nouvelle métrique vous aide à résoudre ce problème en mesurant la fréquence à laquelle cela se produit pour vos utilisateurs.
Un screencast illustrant comment l'instabilité de la conception peut affecter négativement les utilisateurs.
Consultez le guide détaillé sur le Cumulative Design Change pour savoir comment il est calculé et comment le mesurer.
La nouvelle formule de notation des performances de Lighthouse réduira bientôt l'importance du FMP et du FCI et inclura les trois nouvelles mesures, LCP, TBT et CLS, car elles capturent mieux quand une page semble utilisable.
Consultez le score de performance Lighthouse et la nouvelle collection de métriques web.dev pour plus d'informations.
Seuils de données de terrain ajustés (CrUX) dans PageSpeed Insights
Depuis un an, nous analysons les performances Web sur le terrain à travers Expérience utilisateur Chrome
(CrUX). En utilisant les informations de ces données, nous réévaluons les seuils que nous utilisons pour étiqueter un site Web comme "lent", "modéré" ou "rapide" en termes de performances sur le terrain.
Le terme "moyen" utilisé pour décrire les sites qui se situent entre "lent" et "rapide" est désormais remplacé par "modéré", ce qui est plus approprié puisque ce groupe intermédiaire n'était pas lié à une moyenne statistique.
Pour obtenir une évaluation globale d'un site, PageSpeed Insights (PSI) utilise un certain centile de la distribution totale des données sur le terrain comme nombre d'or pour ce site ; les seuils utilisés précédemment étaient le 90e centile pour la première peinture avec contenu et le 95e centile pour le délai de première entrée (FID).
Par exemple, si un site a une distribution FCP de 50% rapide, 30% modérée, 20% lente, le 90e centile pour FCP se situe dans la section lente, ce qui ralentit le score global du site.
Cela a été ajusté pour avoir une meilleure répartition globale sur les sites Web et la nouvelle répartition est :
| Métrique | centile global | rapide (ms) | Modéré (ms) | lent (ms) |
| FCP | 75e centile | 1000 | 1000-3000 | 3000+ |
| AVOCAT | 95e centile | 100 | 100-300 | 300+ |
Par exemple, maintenant, si un site a une distribution FCP de 50% rapide, 30% modéré, 20% lent, le 75e centile pour FCP se situe dans la section modérée, ce qui rend le score global du site modéré.
Redirections d'URL canoniques dans PageSpeed Insights
Pour vous permettre de mesurer au plus juste l'expérience utilisateur, l'équipe PageSpeed Insights a ajouté un message de réanalyse à PSI. Pour les sites redirigés vers une nouvelle URL, vous êtes invité à réexécuter le rapport sur l'URL de destination pour obtenir une image plus complète de vos performances réelles.
CruUX dans le nouveau rapport de vitesse de la console de recherche
La Search Console a lancé son nouveau rapport de vitesse
une semaine avant Chrome Dev Summit. Utilise les données du rapport d'expérience utilisateur Chrome pour aider les propriétaires de sites à découvrir les problèmes potentiels d'expérience utilisateur. Le rapport de vitesse attribue automatiquement des groupes d'URL similaires aux groupes "Rapide", "Modéré" et "Lent", et aide à hiérarchiser les améliorations de performances pour des problèmes spécifiques.
almanach web
Dans le discours d'ouverture, nous avons annoncé le lancement du almanach web, un projet annuel qui combine des statistiques et des tendances sur l'état du Web avec l'expérience de la communauté Web. 85 contributeurs, composés de développeurs Chrome et de la communauté Web, se sont portés volontaires pour travailler sur le projet, qui examine 20 aspects fondamentaux du Web qui traitent de la manière dont les sites sont construits, livrés et expérimentés. Commencez à explorer le Web Almanac pour en savoir plus sur l'état de performance, JavaScripty troisième code sur le web.
Apprendre encore plus
Pour plus de détails sur les mises à jour des outils de performance du Chrome Developer Summit, regardez la conférence sur l'évolution des outils de vitesse :
