Tenemos varias herramientas en la DevTools de Google Chrome para analizar el rendimiento de nuestra web: Lighthouse, Performance, Performance insights, Coverage, o Recorder entre otros.
En este taller veremos las características menos conocidas de estas herramientas, y nos centraremos en el uso de snippets, para facilitar la detección de problemas comunes y concretos en el rendimiento de nuestras webs.
Para facilitarnos el trabajo, nos basaremos en los Web Performance Snippets para detectar problemas de TTFB, de las Core Web Vitals, o estrategias de carga de la tipografía.
REQUISITOS TÉCNICOS:
Google Chrome
Conocimientos de las Chrome DevTools
Un site (preferiblemente en producción) para analizar el rendimiento
TABLA DE CONTENIDOS:
Tips en las DevTools
Uso de Snippets
Análisis de Web Performance de un site