Una traza de rendimiento incluye una gran cantidad de datos, y es realmente genial para poder profundizar en ese problema, pero es realmente abrumador, particularmente para los nuevos usuarios, y toma un largo tiempo realmente entender cómo usarlo correctamente. Bueno, queríamos solucionar eso, pero al mismo tiempo no arruinar la experiencia para todos esos desarrolladores hardcore, usuarios avanzados que dependen de esta complejidad. Así que hemos abordado el problema con una serie de cambios en el panel que creemos que resuelven ese problema de intimidación, y vamos a hablar de ellos hoy. Y todo comienza cuando abres por primera vez el panel.
Esto es lo que solías ver, un gran espacio vacío sin mucha información en absoluto, y solo te decía que hicieras una traza de rendimiento completa. Queríamos una introducción más suave al análisis de rendimiento, algo que no requiriera tomar una traza de inmediato, incluso antes de saber qué estás mirando. Lo llamamos la pantalla de métricas en vivo, y es la primera mejora de la que vamos a hablar hoy. Ahora, cuando abres el panel de rendimiento, esto es lo que ves. Te mostrará inmediatamente algunos detalles sobre el rendimiento de la página que estás visitando. Y realmente es en vivo. A medida que haces clic, escribes e interactúas con la página, y te desplazas hacia abajo, e incluso haces clic en otras páginas, el panel se actualiza continuamente con tus métricas de rendimiento. Esto te ayuda a identificar exactamente qué cuellos de botella de rendimiento tienes, ya sea en la carga de la página o a través de interacciones particulares.
La pantalla de métricas en vivo está centrada en los tres core web vitals. Estas son tres métricas que Google introdujo hace cinco años para realmente medir, dar un resumen rápido de cómo está funcionando tu página. Tenemos LCP, o large contentful paint, que es la métrica de carga, y muestra cuánto tiempo tomó desde tu clic hasta que se mostró la parte más grande del contenido en la página. CLS, o cumulative layout shift, indica cuánto se movió y saltó el contenido, lo cual es realmente bastante molesto. Siempre que cargas una página, y comienzas a leer, y un anuncio aparece, y pierdes tu lugar, y te preguntas, ¿qué está pasando? Y finalmente, interaction to next paint, que indica cuán receptivo es tu sitio web a las interacciones. Cuando haces clic en algo, ¿recibes inmediatamente algún tipo de retroalimentación visual, o toma un tiempo y ni siquiera estás seguro si el clic ha sido registrado?
Comments