Chrome agregará superposición de rendimiento para ayudar a los desarrolladores web a crear sitios web más rápidos

Cuando Google lance Chrome 90 a finales de este año, contará con una superposición que proporcionará estadísticas sobre el rendimiento de un sitio web.

Cuando Google lance Chrome 90 a finales de este año, el navegador contará con una nueva superposición opcional que proporcionará a los desarrolladores estadísticas vitales sobre el rendimiento de un sitio web.

El nuevo Performance Heads-Up Display (HUD) de Chrome fue detallado por el Gerente de Ingeniería de Google Addy Osmani (a través de AndroidPolicía). La nueva superposición, que pasará a formar parte de Chrome DevTools, proporcionará a los desarrolladores tanto Core Web Vitals como métricas de fluidez. Una vez que el HUD esté habilitado, será persistente y se mostrará en cada etiqueta.

La nueva superposición de rendimiento llega después Lanzamiento de Google de Web Vitals, una iniciativa que tiene como objetivo proporcionar "orientación unificada para señales de calidad que son esenciales para brindar una excelente experiencia de usuario en la web".

Esto es lo que dijimos sobre Core Web Vitals en mayo de 2020:

Los Core Web Vitals son un subconjunto de todos los Web Vitals que se aplican a todas las páginas web, deben ser medidos por todos los propietarios de sitios web y aparecerán en todas las herramientas de Google. Actualmente, estos Core Web Vitals se centran en tres aspectos de la experiencia del usuario (carga, interactividad y estabilidad visual) e incluyen las siguientes métricas (y sus respectivos umbrales):

  • Pintura con contenido más grande (LCP): mide el rendimiento de carga. Para proporcionar una buena experiencia de usuario, LCP debe realizarse dentro de los 2,5 segundos posteriores al inicio de la carga de la página.
  • Retraso de la primera entrada (FID): mide la interactividad. Para brindar una buena experiencia de usuario, las páginas deben tener un FID inferior a 100 milisegundos.
  • Cambio de diseño acumulativo (CLS): mide la estabilidad visual. Para proporcionar una buena experiencia de usuario, las páginas deben mantener un CLS inferior a 0,1.

Lo mejor para el desarrollador es crear un sitio web con una experiencia rápida y fluida. Eso es porque Google clasificará los sitios web Basado en la "experiencia de la página" a partir de mayo de 2021. Google comenzó a etiquetar sitios web que cumplían con las métricas de Core Web Vitals en agosto del año pasado, informando a los usuarios en Chrome 85 si un enlace conducía a una "página rápida".

Según Osmani, el HUD aún se está puliendo, por lo que aspectos como la estabilidad y el rendimiento llegarán con el tiempo. Puedes dirigirte a crbug.com e informe cualquier error o comentario en el componente Internos > GPU > Métricas.