Herramientas de rendimiento en 2024 y en el futuro

El panel Rendimiento de las Herramientas para desarrolladores de Chrome ha estado ayudando a los desarrolladores a medir y optimizar el rendimiento del tiempo de ejecución de una forma u otra durante más de 15 años. Comenzando con un panel llamado “Cronograma”, evolucionó al panel de Rendimiento que ya conoces.

En ese tiempo, Chrome lanzó otros productos y funciones de rendimiento potentes. 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 relacionados con la carga de páginas y el rendimiento del tiempo de ejecución. Pero seamos realistas por un minuto y reconozcamos que puede ser difícil de usar y difícil identificar las mayores oportunidades para mejorar el rendimiento de la página. Además, la potencia de otras herramientas que ayudan a clasificar el ruido y aislar las oportunidades rápidamente, como Lighthouse, está desconectada del panel Rendimiento.

En nuestra misión por facilitar a los desarrolladores la identificación y reproducción de problemas de rendimiento, incorporaremos funciones y aprendizajes de Lighthouse y el panel Estadísticas de rendimiento y los integraremos en el panel de rendimiento existente. También nos estamos enfocando 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 único panel, más fácil y potente que nunca, para todos los datos de rendimiento y las estadísticas.

Tomar medidas sobre el rendimiento web ahora es más fácil

Tus comentarios confirman que la alta densidad de la información aumenta los desafíos de usabilidad. Estamos desarrollando correcciones y funciones para ayudarte. Los recorridos de optimización clave, como la mejora de las Métricas web esenciales, reciben un tratamiento de primer nivel. Tenemos pensado introducir funciones como las anotaciones, que te permitirán marcar los hallazgos y compartir lo que aprendiste con tus colegas. Mostrar 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 nuevas funciones a medida que las desarrollemos, y cada pocos meses compartiremos una actualización de las nuevas funciones que ofrece el panel. Espera un momento. Pronto comenzarás a ver nuevas funciones

La potencia de Lighthouse en el panel Rendimiento

Observamos cómo los desarrolladores usan los paneles Lighthouse y Performance, y cambiar de contexto entre ambos es un desafío. Además, tomar medidas respecto de los resultados de Lighthouse puede requerir acceder al panel Rendimiento para obtener más contexto. Esto genera inconvenientes, ya que la descripción general prescriptiva del rendimiento de una página no está vinculada a los datos detallados de rendimiento.

Vamos a integrar en profundidad el análisis de rendimiento de Lighthouse mediante el panel Rendimiento. Con esta integración, Lighthouse pondrá a prueba las principales oportunidades para mejorar el rendimiento de la página dentro del panel Rendimiento, junto con todos los detalles necesarios para tomar medidas sobre esta oportunidad.

Después de mover todas las funcionalidades de rendimiento al panel Performance, el panel independiente de Lighthouse en Herramientas para desarrolladores se volverá redundante y dejará de estar disponible. Este panel dejará de estar disponible hasta la segunda mitad de 2025. Es importante afirmar enfáticamente que Lighthouse no desaparecerá.

Captura de pantalla del panel Performance 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 comprometidos con 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 las páginas.

Esta integración nos permite subir de nivel tanto el Panel de rendimiento como las capacidades 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 Estadísticas de rendimiento se envió como un experimento para ver cómo abordar mejor tres problemas clave: reducir la densidad de información del panel Rendimiento, admitir el análisis basado en casos de uso y reducir la curva de aprendizaje que se genera cuando se utiliza el panel 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 extremadamente valioso, y que funciones como la ruta de cambios de diseño hacen que el diagnóstico y la mejora de las métricas sean mucho más sencillos.

Los desarrolladores también descubrieron que el panel de Estadísticas de rendimiento es 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 tenía un costo en muchos casos, lo que obligaba a los desarrolladores a ir al panel de rendimiento para obtener los datos detallados necesarios para tomar medidas.

Nuestros aprendizajes y muchas funciones del panel experimental Estadísticas de rendimiento se integrarán en este panel. 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 obtener estadísticas sobre el rendimiento de la página 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 funciones nuevas, agradecemos los comentarios. Si tienes ideas para mejorar las funciones que agregamos o si se interrumpe de forma indebida tu flujo actual en el panel, nos gustaría saber tu opinión. Queremos saber qué funciona y qué no, y qué cree que se puede mejorar. Gracias