Midiendo lo Imposible con Long Animation Frames API

Las métricas INP y LCP, parte de las Core Web Vitals, nos informan de cuándo algo va mal, pero no siempre nos dicen por qué.

La nueva Long Animation Frames API (LoAF) da un paso más allá: permite observar qué sucede dentro de cada frame lento —incluyendo tareas de JavaScript, cálculos de estilo, layout y render—, y cómo estos afectan directamente a la experiencia de nuestra web.

En esta charla veremos cómo usar LoAF desde código, cómo interpretar sus propiedades (blockingDuration, scripts, renderStart, etc.) y cómo combinarla con PerformanceObserver, Long Tasks API y Event Timing API para identificar qué tareas o procesos están detrás de los valores altos de INP o LCP.

Veremos en vivo cómo encontrar frames lentos, descubrir qué los causa y cómo los scripts de terceros pueden arruinar la fluidez. Una mirada en profundidad al rendimiento web desde el interior del frame.

Sobre el Speaker:

Soy Joan León, Web Performance Artisan, Google Developer Expert en Web Technologies y Cloudinary Ambassador. Me apasiona el rendimiento web y ayudar a equipos y empresas a crear experiencias digitales más rápidas que mejoren la conversión y generen impacto real en el negocio.

Disfruto compartiendo conocimiento en meetups, conferencias, workshops y mi blog joanleon.dev. También estoy siempre activo en @nucliweb, compartiendo recursos, herramientas y novedades del ecosistema frontend en general y de Web Performance en especial.

Creo que la velocidad no es solo una métrica, sino una forma de mejorar la experiencia de las personas y hacer crecer los proyectos en la web.