El problema del JavaScript pesado

Durante años, el desarrollo web ha estado dominado por frameworks que envían grandes cantidades de JavaScript al navegador. Aunque herramientas como React y Next.js son poderosas, para sitios de contenido el costo muchas veces supera al beneficio.

Cómo Astro resuelve esto

Astro introduce el concepto de Islas de interactividad: solo los componentes interactivos envían JavaScript al cliente. El resto se renderiza como HTML estático.

Ventajas clave

  • Zero JS por defecto — Cada página se entrega como HTML puro.

  • Islas progresivas — Los componentes interactivos se hidratan bajo demanda.

  • Multi-framework — Puedes usar React, Vue, Svelte o todos juntos.

---
// Ejemplo: componente interactivo como isla
import MapaInteractivo from './MapaInteractivo';
---

<MapaInteractivo client:visible />

Resultados en 1bits

Nuestro sitio con Astro:

  • Peso inicial de página: ~12KB de CSS + HTML (sin JS).

  • Lighthouse performance: 100/100.

  • Build time: < 2 segundos para todas las páginas.

Si tu proyecto es un sitio de contenido, blog o landing page, Astro es probablemente la mejor opción hoy.