Astro Islands y Core Web Vitals: guia practica
Como usar la arquitectura de islas para reducir JavaScript y mejorar LCP, INP y CLS en un blog de contenido.
Astro permite renderizar HTML estatico por defecto y cargar JavaScript solo en componentes aislados.
Ese enfoque evita enviar bundles completos cuando no son necesarios.
Checklist minimo para mejorar CWV
- Mantener fuentes en
display=swapy pesos estrictamente necesarios. - Evitar librerias pesadas para interacciones simples.
- Optimizar imagenes y definir dimensiones para prevenir CLS.
- Pre-renderizar paginas de contenido.
Resultado esperado
Con estas decisiones, un blog puede salir a produccion con una base muy competitiva en Lighthouse, y con una UX mucho mas estable en dispositivos moviles.