Nouvelles mesures de performances, mises à jour de PageSpeed Insights et du rapport d'expérience utilisateur Chrome (CrUX), et plus encore.
En Chrome Developer Summit, Paul Irish y yo anunciamos actualizaciones de Lighthouse — Lighthouse CI, una nueva fórmula de puntuación de rendimiento y más. Junto con las grandes noticias de Lighthouse, presentamos emocionantes desarrollos de herramientas de rendimiento que incluyen nuevas métricas de rendimiento, actualizaciones de PageSpeed Insights y Chrome User Experience Report (CrUX), y conocimientos del análisis de Web Almanac del ecosistema web.
Nouvelles mesures de performances
Medir los matices de la experiencia de un Nom d'utilisateur es la clave para cuantificar el impacto que tiene en sus resultados y realizar un seguimiento de las mejoras y regresiones. Con el tiempo, han evolucionado nuevas métricas para capturar esos matices y llenar los vacíos en la medición de la experiencia del usuario. La última incorporación a la historia de las métricas son dos métricas de campo: la pintura con Contenu más grande (LCP) y el cambio de diseño acumulativo (CLS), que se están incubando en el W3C Web Performance Working Group, y una nueva métrica de laboratorio: el tiempo total de bloqueo (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 nueva métrica de Pintura con contenido más grande pronto estará disponible en los informes Lighthouse y, mientras tanto, puede medir 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.
Mientras que Time to Interactive hace un buen trabajo al identificar cuándo el hilo principal se calma más adelante en la carga, el tiempo de bloqueo total tiene como objectif cuantificar qué tan tenso está el hilo principal durante la carga. De esta forma, TTI y TBT se complementan y proporcionan equilibrio.
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).
Por ejemplo, si un sitio tiene una distribución de FCP de 50% rápido, 30% moderado, 20% lento, el percentil 90 de FCP está en la sección lenta, lo que hace que la puntuación de campo general del sitio être lenta.
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é.
Redirecciones de URL canónicas en PageSpeed Insights
Para permitirle medir la experiencia del usuario con la mayor precisión posible, el equipo de PageSpeed Insights ha agregado un mensaje de reanálisis a PSI. Para los sitios que se redirigen a una nueva URL, se le solicita que vuelva a ejecutar el informe en la URL de destination para obtener una imagen más completa de su rendimiento real.
CruUX dans le nouveau rapport de vitesse de la console de recherche
Search Console lanzó su 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 :
