Joan León Posts
All the articles I've posted.
SVGs en la web: comparativa de rendimiento según cómo los cargas
Published:Inline, sprite con <use>, <object>, <img>... cada forma de cargar un SVG tiene implicaciones distintas en rendimiento, caché y renderizado. Un análisis práctico para elegir bien.
Guía práctica del elemento <img>: de lo básico a LCP
Published:El elemento <img> tiene atributos que marcan una diferencia real en rendimiento: loading, decoding, fetchpriority, srcset y sizes. Una guía práctica para usarlos bien.
Yield to Main: setTimeout vs queueMicrotask vs scheduler.postTask
Published:Guía práctica sobre cómo usar setTimeout, queueMicrotask y scheduler.postTask para dividir tareas largas y optimizar INP. Comparativa con ejemplos medibles.
Optimización de scripts de consentimiento para Core Web Vitals
Published:Los scripts de gestión del consentimiento (CMP) compiten con recursos críticos si no se priorizan bien. Una estrategia server-side para optimizar su carga según el tipo de visita.
Chrome DevTools para depurar el rendimiento de una web
Published:Una guía paso a paso de cómo utilizo Google Chrome DevTools para detectar problemas de Web Performance en una web, y validar algunas hipótesis para solventarlos.
Optimiza el renderizado con content-visibility
Published:La propiedad CSS content-visibility mejora el rendimiento de renderizado. Caso práctico con métricas y snippets para detectar oportunidades.
Análisis de Media Queries en CSS para Optimizar el Rendimiento
Published:Descubre cómo analizar las media queries del CSS para detectar y optimizar estilos no utilizados en mobile, mejorando el rendimiento de tu web con un simple snippet de JavaScript.
Más Allá de INP: LCP y el 90% invisible del rendimiento
Published:Descubre cómo LoAF va más allá de INP. Aprende a detectar scripts que bloquean el LCP y a distinguir entre JavaScript pesado y layout thrashing para aplicar la optimización correcta.