Para una landing page, la velocidad no es un lujo: es parte de la conversión. Cada segundo extra de carga se traduce en visitantes que abandonan antes de leer el titular. Astro ataca el problema desde la raíz: envía el mínimo JavaScript posible al navegador.

Páginas rápidas por defecto, no por refuerzo

En un framework tradicional de React o Vue todo el JavaScript se empaqueta y se descarga al entrar. En Astro, cada componente estático se renderiza a HTML puro en el servidor y el navegador solo recibe JavaScript para las partes interactivas (una “isla”).

Con eso consigues:

  • HTML instantáneo: el contenido real llega al navegador sin esperar a que “hidrate” nada.
  • Mensurabilidad: LCP bajo porque el contenido principal no espera a scripts. CLS controlado porque las imágenes tienen dimensiones.
  • Páginas que aguantan un 3G/4G real.

Menos JS = menos fricción

Cada kilobyte de JavaScript es tiempo que el navegador dedica a parsear, compilar y ejecutar antes de poder responder al usuario. En una landing page de venta, esa latencia se convierte directamente en fricción. Recortar el JavaScript es recortar pasos entre tu mensaje y la decisión de compra.

Animaciones sin sacrificar rendimiento

Una landing moderna no tiene por qué ser aburrida. La diferencia está en dónde corre la animación:

  • Las animaciones CSS (transform, opacity) corren en el compositor de la GPU, no bloquean el hilo principal.
  • Librerías como GSAP se cargan de forma aislada solo donde hacen falta, con client:load, y no cargan en la primera pintura.
  • Los efectos decorativos no deben venir con una biblioteca entera de 80 kB.

El stack que recomiendo para una landing

  1. Astro para el esqueleto estático.
  2. CSS moderno (Tailwind v4) para el diseño.
  3. React o islas puntuales cuando hay interactividad real (sliders, formularios, carruseles).
  4. GSAP + ScrollTrigger para las animaciones de entrada, cargado bajo demanda.

La prueba final

Antes de lanzar cualquier landing mido tres números con Lighthouse y PageSpeed Insights: LCP bajo, CLS estable y sin JavaScript que bloquee el primer render. Si la página deja de mejorar JavaScript, deja de mejorar la conversión.

Ese es el motivo por el que elijo Astro por defecto para landing pages: no porque sea una moda, sino porque la página más rápida es también la que mejor emociona y convierte.