Herramientas de rendimiento en 2024 y en el futuro

El panel Rendimiento de las Herramientas para desarrolladores de Chrome ha ayudado a los desarrolladores a medir y optimizar el rendimiento de su entorno de ejecución de una forma u otra durante más de 15 años. Comenzó con un panel llamado "Línea de tiempo" y evolucionó al panel de rendimiento que conoces hoy.

Durante ese tiempo, Chrome lanzó otras funciones y productos de alto rendimiento. En particular, Lighthouse se lanzó en 2016 para ayudar a detectar oportunidades de optimización con mayor facilidad. El panel experimental de estadísticas de rendimiento se lanzó en 2022 para probar nuevas formas de mostrar estadísticas de rendimiento.

El panel Rendimiento está repleto de datos y funciones para ayudar a los desarrolladores a profundizar en los problemas de carga de páginas y rendimiento del entorno de ejecución. Sin embargo, seamos sinceros por un momento y reconozcamos que puede ser difícil de usar y complejo identificar las mejores oportunidades para mejorar el rendimiento de la página. Además, la potencia de otras herramientas que ayudan a ordenar el ruido y aislar rápidamente las oportunidades, como Lighthouse, está desconectada del panel Rendimiento.

En nuestra búsqueda para facilitar que los desarrolladores identifiquen y reproduzcan problemas de rendimiento, incorporaremos funciones y aprendizajes de Lighthouse y el panel Estadísticas de rendimiento en el panel Rendimiento existente. También nos enfocamos en la UX y la usabilidad para mejorar la eficacia del panel Rendimiento como herramienta de optimización del rendimiento web.

¿Cuál es el resultado? Un solo panel, más fácil y potente que nunca, para todos los datos y estadísticas de rendimiento.

Cómo tomar medidas sobre el rendimiento web de forma más sencilla

Tus comentarios confirman que la alta densidad de información complica los desafíos de usabilidad. Estamos desarrollando activamente correcciones y funciones para ayudarte. Los recorridos de optimización clave, como mejorar las métricas web esenciales, reciben un tratamiento de primera clase. Planeamos implementar funciones como las anotaciones, que te permitirán marcar hallazgos y compartir aprendizajes con tus colegas. Mostrar las correlaciones en los datos ayudará a mejorar la capacidad de comprender un sistema complejo, con más formas de revelar cómo están conectados los datos, como las solicitudes de red a la actividad del subproceso principal.

Lanzaremos funciones nuevas a medida que las desarrollemos y, cada pocos meses, compartiremos una actualización de las nuevas capacidades que ofrece el panel. Espera un momento. Pronto comenzarás a ver las nuevas funciones.

El poder de Lighthouse, en el panel Rendimiento

Vimos cómo los desarrolladores usan los paneles de Lighthouse y de rendimiento, y el cambio de contexto entre ambos es un desafío. Además, para tomar medidas en función de los resultados de Lighthouse, es posible que debas acceder al panel Rendimiento para obtener más contexto adicional. Esto genera fricciones, ya que la descripción general prescriptiva del rendimiento de una página no está relacionada con los datos de rendimiento detallados.

Integraremos en profundidad el análisis de rendimiento de Lighthouse a través del panel Rendimiento. Con esta integración, Lighthouse destacará las mejores oportunidades para mejorar el rendimiento de la página en el panel Rendimiento, junto con todos los detalles necesarios para tomar medidas.

Después de mover todas las funciones de rendimiento al panel Rendimiento, el panel independiente de Lighthouse en DevTools se volverá redundante y se desactivará. La baja de este panel no se producirá hasta la segunda mitad de 2025. Es importante afirmar de forma categórica que Lighthouse no dejará de estar disponible.

Captura de pantalla del panel Rendimiento con el logotipo de Lighthouse

Lighthouse llegó para quedarse

No se retirarán el módulo npm de Lighthouse ni el informe de Lighthouse en PageSpeed Insights (incluida la API de PSI). Seguimos trabajando en la disponibilidad y la calidad de Lighthouse como una herramienta de código abierto que se puede usar en el entorno preferido de un desarrollador para evaluar el rendimiento de la página.

Esta integración nos permite mejorar el Panel de rendimiento y las funciones de Lighthouse para los desarrolladores que intentan razonar sobre la carga, la capacidad de respuesta y la estabilidad del contenido.

El panel experimental Estadísticas de rendimiento dejará de estar disponible

El panel de estadísticas de rendimiento se envió como un experimento para ver cómo podríamos abordar mejor tres problemas clave: reducir la densidad de información del panel de rendimiento, admitir el análisis basado en casos de uso y reducir la curva de aprendizaje que conlleva el uso del panel de rendimiento.

Aprendimos mucho del experimento gracias a los comentarios de los desarrolladores. Validamos que el análisis basado en casos de uso (por ejemplo, "Quiero optimizar el LCP" o "Quiero optimizar las páginas para que sean más responsivas") es muy valioso y que funciones como el Registro de cambios de diseño facilitan mucho el diagnóstico y la mejora de las métricas.

Los desarrolladores también consideraron que el panel de estadísticas de rendimiento era más accesible que el panel de rendimiento, lo que valida que la densidad de información reducida es atractiva. Sin embargo, esta densidad reducida tuvo un costo en muchos casos, lo que requirió que los desarrolladores fueran al panel Rendimiento para obtener los datos detallados necesarios para tomar medidas.

Nuestras conclusiones y muchas funciones del panel experimental Estadísticas de rendimiento se integrarán en el panel Rendimiento. Las funciones como el análisis basado en casos de uso y las mejoras en la densidad de la información, junto con la integración de Lighthouse, nos ayudarán a que las estadísticas sobre el rendimiento de la página sean más prácticas que nunca.

El experimento de Estadísticas de rendimiento se quitará más adelante en 2024.

Dónde enviar comentarios

A medida que lanzamos nuevas funciones, recibimos con gusto los comentarios. Si tienes ideas para mejorar las funciones agregadas o si tu flujo existente a través del panel se interrumpe de forma injustificada, nos gustaría conocer tu opinión. Queremos saber qué funciona, qué no y qué crees que se puede mejorar. ¡Gracias!