Si hay un framework que realmente ha cambiado mi forma de desarrollar frontend es Astro. No por tendencia, sino por resultados medibles que veo en cada proyecto que entrego.
Antes de Astro, construir una web rápida con componentes reutilizables implicaba cargar frameworks pesados aunque solo necesitaras un carrusel interactivo. React, Vue, Angular... todos traen consigo un coste de JavaScript que el usuario paga en tiempo de carga aunque no interactúe con nada.
Astro resuelve esto con una idea brillante en su simpleza: envía HTML por defecto y solo hidrata JavaScript donde es estrictamente necesario. A esto lo llaman arquitectura de islas, y en la práctica significa que una página con Astro puede entregar 0 KB de JS si no lo necesita.
Lo que esto significa en métricas reales
Las métricas de Core Web Vitals son el reflejo directo de la experiencia del usuario. Y Astro las mejora de forma estructural, no con parches:
LCP (Largest Contentful Paint): Al generar HTML estático en build, el contenido principal llega al navegador sin esperar a que se ejecute JavaScript. En proyectos que he migrado de React puro a Astro he visto LCP pasar de 3.5s a menos de 1s.
CLS (Cumulative Layout Shift): Sin hidratación tardía de componentes, los elementos se pintan en su posición definitiva desde el primer render. El CLS casi siempre cae por debajo de 0.05.
INP (Interaction to Next Paint): Solo el código que realmente gestiona interactividad llega al cliente, lo que reduce el tiempo de respuesta a las acciones del usuario.
TTFB (Time to First Byte): Servir HTML estático desde una CDN es prácticamente instantáneo. No hay base de datos que consultar ni PHP que ejecutar.
La ventaja SEO que Google no puede ignorar
Google ha dicho públicamente que puede indexar JavaScript, pero también ha admitido que el HTML estático se procesa antes y con menos recursos de su crawler. Cuando construyes con Astro, le das a Google un documento HTML perfectamente estructurado, semántico y cargado de contenido desde el primer byte.
No hay que esperar a que hydrate nada. No hay contenido invisible hasta que carga un bundle. Lo que ves es exactamente lo que Google indexa.
Combinado con metadata correcta, sitemap automático y schema markup, el resultado en posicionamiento orgánico es claramente superior al de sitios que dependen del renderizado en cliente.
Mi flujo de trabajo con Astro
En proyectos reales de clientes combino Astro con un CMS headless (Sanity o WordPress) para que el cliente gestione el contenido desde un panel cómodo mientras yo controlo completamente el frontend y la performance.
El flujo es sencillo:
- El cliente edita contenido en el CMS
- Un webhook dispara un rebuild en Netlify o Vercel
- Astro genera HTML estático con el contenido actualizado
- La CDN distribuye el sitio globalmente en segundos
El resultado son webs que cargan en menos de 800ms en condiciones reales, con Lighhouse scores por encima de 95 en móvil y que no dependen de un servidor que pueda caerse.
Astro no es solo moderno. Es estratégico.
Hay frameworks que eliges porque están de moda. Astro lo elijo porque cuando le muestro el informe de PageSpeed a un cliente, los números hablan solos. Y cuando los números mejoran, el negocio mejora.
Eso es lo que busco en cada proyecto.
Paco Pastor
Desarrollador web freelance especializado en rendimiento, SEO técnico y arquitecturas modernas con Astro, WordPress Headless y Sanity.
