Faits saillants du Chrome Developer Summit 2019

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

Medir los matices de la experiencia de un usuario 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 ContenuEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Suite más grande (LCP) y el cambio de diseño acumulativo (CLS), que se están incubando en el W3CEl W3C (World Wide Web Consortium) es un comité que se dedica a poner en práctica tecnologías uniformes en el uso y desarrollo de Internet. El organismo fue fundado en el MIT en Cambridge, Massachusetts, EE.UU. en 1994. El objetivo del W3C es uniformar las especificaciones técnicas y determinar directrices para el desarrollo de tecnologías web, de forma que se mantenga la idea básica de la World Wide Web. Tecnologías Suite Web PerformanceEn el caso de las webs, el término Performance o rendimiento, se refiere a la velocidad de carga o a la potencia de cálculo de un servidor, es decir, a la velocidad a la que se transmiten los datos del servidor al cliente. Razones para una buena performance Una web que se carga lentamente, puede animar a los clientes potenciales a abandonar la página. Para asegurar una interacción fluida, se tiene Suite 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 JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar Suite.

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¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. Suite 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.

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.

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 :

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 URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo Suite 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 destinationConcepto de URL de Destino¿Qué es una URL de Destino?La URL de destino es la dirección de la página web a la que apunta el link sobre el que clican o pulsan los usuarios en un anuncio. Se trata de la ubicación que figura en la barra de direcciones del navegador, cuyo dominio al mismo tiempo ha de coincidir con el de la dirección que sí se ve dentro del Suite 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¿Qué es Search console?Servicio sin costes ofrecido por Google que ayuda a supervisar y a mantener la presencia de un portal web en los resultados de búsqueda, así como a aprovechar al máximo su visibilidad. Conocido anteriormente como Webmaster Central y Google Webmaster tools, proporciona herramientas y recursos para monitorizar la apariencia de búsqueda, el tráfico de búsqueda, el estado técnico o los errores de rastreo, entre otras funcionalidades. Suite 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 :