Webs ligeras: HTML estático, Astro y WordPress headless
Durante años, “hacer una web” equivalía casi automáticamente a instalar WordPress. Sigue siendo una opción excelente para muchos proyectos, pero hoy existen alternativas que entregan páginas más rápidas, más seguras y con menos mantenimiento. Elegir bien depende de qué necesitas editar y quién lo va a editar.
Resumen rápido
- WordPress clásico: gran ecosistema y editor conocido; exige mantenimiento y vigilar el rendimiento.
- HTML estático / generadores (Astro, Eleventy, Hugo): muy rápidos y seguros; requieren algo más de conocimiento técnico para editar.
- WordPress headless: WordPress como panel de contenidos, con la web pública generada aparte; combina comodidad de edición y velocidad, a cambio de más complejidad.
Qué significa “estático”
Una web estática es un conjunto de archivos HTML, CSS y JavaScript ya generados. El servidor no consulta bases de datos en cada visita, solo entrega archivos. Eso se traduce en:
- Tiempos de respuesta mínimos y buenos Core Web Vitals por defecto.
- Menos superficie de ataque: no hay panel público ni plugins que explotar.
- Hosting barato (o gratuito) y fácil de escalar con una CDN.
Qué aporta Astro
Astro, cuya versión 1.0 salió en 2022, se basa en una “arquitectura de islas”: la página se entrega como HTML y solo se carga JavaScript en los componentes interactivos. Permite usar componentes de React, Vue o Svelte donde hagan falta y sus colecciones de contenido ayudan a gestionar artículos en Markdown con validación de campos. Es una buena opción para blogs, webs corporativas y documentación.
Comparativa
| WordPress clásico | WordPress headless | Astro / estático | |
|---|---|---|---|
| Edición | Muy fácil | Fácil | Markdown o CMS aparte |
| Rendimiento | Variable | Muy bueno | Excelente |
| Seguridad | Requiere cuidado | Buena | Muy buena |
| Mantenimiento | Alto | Medio-alto | Bajo |
| Coste inicial | Bajo | Alto | Medio |
| Ideal para | Tiendas, webs dinámicas | Medios, contenido editorial | Webs de contenido, portfolios, blogs |
Cómo elegir
- ¿Quién actualizará el contenido? Si es un equipo no técnico y a diario, WordPress (clásico o headless) es práctico.
- ¿Necesitas funciones dinámicas (carrito, áreas de usuario, reservas)? Considera WordPress con WooCommerce u otras plataformas específicas.
- ¿Prima el rendimiento y el bajo mantenimiento? Estático.
- ¿Qué presupuesto de mantenimiento tienes? Una web estática se olvida más fácilmente; una con plugins, no.
Consejos para mejorar WordPress sin migrar
- Elimina plugins innecesarios y actualiza los que quedan.
- Usa un tema ligero y evita constructores visuales pesados si no aportan.
- Activa caché y una CDN.
- Optimiza imágenes y fuentes.
- Mide con Core Web Vitals antes y después.
Dependencias y riesgo
Cualquier web depende de proveedores: hosting, CDN, plugins, servicios de terceros. Las caídas de grandes infraestructuras y los conflictos entre empresas del ecosistema recuerdan que conviene tener copias de seguridad, un plan de recuperación y contenido portable (por ejemplo, en Markdown).
SEO en webs estáticas
- Genera automáticamente sitemap.xml, canónicas y metadatos.
- Mantén URL estables y redirecciones 301 cuando muevas contenido.
- Añade datos estructurados desde las plantillas.
- Cuida el enlazado interno.
Preguntas frecuentes
¿Una web estática posiciona mejor? No por ser estática, pero suele cumplir mejor los requisitos técnicos de rendimiento.
¿Se puede tener formulario de contacto? Sí, con servicios externos o funciones serverless.
¿Migrar WordPress a Astro es complicado? Se puede exportar el contenido a Markdown, pero hay que reconstruir plantillas y mantener las URL.
Siguiente paso
Mejora la parte visual y de usabilidad: Diseño web, accesibilidad y SEO.
