Por qué migré de WordPress a Astro
Por qué dejé WordPress
Después de años usando WordPress para mi web personal, decidí que tocaba cambiar. WordPress me sirvió bien, pero como desarrollador que construye productos SaaS quería algo que:
- Rindiera mejor: tiempos de carga más rápidos, mejores Core Web Vitals
- Me diera más control: control total sobre el stack y el despliegue
- Mejorara la experiencia de desarrollo: herramientas modernas, mejor gestión de contenido
- Mejorara el SEO y el GEO: mejores datos estructurados, HTML más limpio, indexación más rápida y mejor distribución global
¿Por qué Astro?
Elegí Astro por varias razones:
Rendimiento primero
La filosofía de Astro de “cero JavaScript por defecto” hace que mi sitio cargue increíblemente rápido. Sin JavaScript innecesario, sin frameworks pesados. Solo HTML estático y veloz.
Content Collections
Las Content Collections de Astro me dan una gestión de contenido con tipos seguros. Puedo definir esquemas para mis artículos, mis startups y otros tipos de contenido. Sin consultas a base de datos ni conflictos entre plugins.
Experiencia de desarrollo moderna
- TypeScript de serie
- Arquitectura basada en componentes
- Soporte para Markdown y MDX
- Optimizaciones integradas (imágenes, CSS, etc.)
SEO integrado
- Generación automática de sitemap
- Soporte para feed RSS
- Datos estructurados (JSON-LD) listos
- HTML limpio y semántico
El proceso de migración
1. Migración de contenido
Como empezaba de cero con este sitio nuevo, solo migré el contenido de la página Sobre mí desde WordPress. No migré ningún artículo. Esto es un comienzo nuevo. Para quien necesite migrar contenido existente, herramientas como wordpress-to-markdown ayudan a automatizar el proceso en sitios más grandes.
2. Montar Astro
La instalación de Astro fue fluida:
- Instalé Astro con Tailwind CSS
- Configuré Content Collections para los artículos
- Monté la estructura de rutas
- Añadí soporte MDX para contenido enriquecido
3. Diseño y componentes
Reconstruí el diseño desde cero con Tailwind CSS. Eso me dio:
- Control total sobre el sistema de diseño
- Componentes consistentes en todo el sitio
- Modo oscuro fácil de implementar
- Mejor adaptación a móvil
4. SEO, GEO y rendimiento
- Añadí esquemas JSON-LD para mejorar el SEO
- Configuré sitemap y feed RSS
- Optimicé imágenes y recursos
- Puse las etiquetas meta y Open Graph correctas
- Activé distribución global por CDN para mejorar el GEO
- Implementé estrategias de optimización geográfica
Resultados de rendimiento: antes y después
La migración de WordPress a Astro dio mejoras drásticas en todas las métricas. Estos son los datos:
WordPress (antes)
- Rendimiento: 61/100
- Accesibilidad: 73/100
- Buenas prácticas: 77/100
- SEO: 92/100
Astro (después)
- Rendimiento: 99/100 ⬆️ +38 puntos
- Accesibilidad: 100/100 ⬆️ +27 puntos
- Buenas prácticas: 100/100 ⬆️ +23 puntos
- SEO: 100/100 ⬆️ +8 puntos
Ver el informe actual de PageSpeed Insights
Mejoras clave
Rendimiento (+38 puntos)
- Tiempo de carga reducido de ~2,5 s a ~0,5 s
- Cero JavaScript por defecto elimina el peso del framework
- La generación de HTML estático hace que las páginas carguen al instante
- Recursos optimizados en tiempo de compilación
Accesibilidad (+27 puntos)
- Estructura HTML más limpia y semántica
- Mejor gestión del foco
- Mejor contraste de color
- Jerarquía de encabezados correcta
Buenas prácticas (+23 puntos)
- Sin errores en consola
- Configuración HTTPS segura
- Cumplimiento de estándares web modernos
- Carga de recursos optimizada
SEO (+8 puntos)
- Indexación más rápida con HTML estático
- Mejores datos estructurados (JSON-LD)
- Mejores Core Web Vitals
- Estructura de URLs más limpia
Mejoras de GEO (SEO geográfico)
Mientras WordPress exige plugins y configuraciones complejas para la optimización geográfica, con Astro es directo:
- Distribución global por CDN: los sitios estáticos se despliegan al instante en redes de borde de todo el mundo, reduciendo la latencia para visitantes internacionales
- Implementación de hreflang: fácil de añadir para contenido multiidioma o multirregión, sin conflictos entre plugins
- Marcado de esquema geográfico: implementación limpia de JSON-LD para datos estructurados por ubicación cuando hacen falta
- Rendimiento = posicionamiento global: los sitios rápidos posicionan mejor en todas las regiones, y la ventaja de velocidad de Astro ayuda globalmente
- Sin limitaciones geográficas: el hosting de WordPress suele atarte a regiones concretas; un sitio estático se puede servir desde cualquier lugar
- Mejor SEO internacional: una estructura HTML más limpia y tiempos de carga más rápidos mejoran el posicionamiento en todos los buscadores
Al ser estático, tu contenido se puede cachear y servir desde el punto de borde más cercano a cada visitante, lo que mejora tanto la experiencia como el posicionamiento en todo el mundo.
Mejoras que he notado
Rendimiento
- Tiempo de carga: de ~2,5 s a ~0,5 s
- Puntuación de Lighthouse: de 61 a 99 en rendimiento
- Core Web Vitals: todos en verde
Experiencia de desarrollo
- Desarrollo más rápido: recarga en caliente, compilaciones instantáneas
- Seguridad de tipos: detectar errores antes de desplegar
- Despliegues más fáciles: sitio estático es hosting simple
- Control de versiones: todo en Git, sin base de datos
Gestión de contenido
- Archivos Markdown: fáciles de escribir, fáciles de versionar
- Sin base de datos: sin migraciones ni copias de seguridad
- Compilaciones rápidas: la generación estática es velocísima
Lo que aprendí
Los sitios estáticos son potentes
No siempre necesitas un CMS. Para webs personales y blogs, los generadores estáticos como Astro suelen ser la mejor opción. Son más rápidos, más seguros y más fáciles de mantener.
La experiencia de desarrollo importa
Las herramientas que usas afectan a tu productividad. La experiencia de desarrollo de Astro es excelente: compilaciones rápidas, buenos mensajes de error y APIs intuitivas.
El rendimiento es una funcionalidad
Los sitios rápidos no son un lujo. Son imprescindibles. Los usuarios esperan experiencias rápidas, y los buscadores las premian.
El stack
- Astro: generador de sitios estáticos
- Tailwind CSS: CSS basado en utilidades
- TypeScript: seguridad de tipos
- MDX: markdown enriquecido
- Content Collections: gestión de contenido con tipos seguros
Siguientes pasos
Tengo previsto:
- Añadir más contenido sobre mi proceso de construir
- Compartir más análisis técnicos a fondo
- Documentar cómo construyo mis startups
- Escribir sobre lecciones aprendidas
Conclusión
Migrar de WordPress a Astro fue la decisión correcta para mí. Los números hablan solos: el rendimiento pasó de 61 a 99, la accesibilidad de 73 a 100 y el SEO de 92 a 100. Pero más allá de las métricas, la victoria real es la experiencia de desarrollo.
Ahora tengo:
- Control total sobre cada aspecto del sitio
- Cero mantenimiento: sin plugins, sin actualizaciones, sin parches de seguridad
- Rendimiento altísimo que gusta a usuarios y buscadores
- Mejor posicionamiento SEO y GEO con HTML limpio y distribución global por CDN
- Contenido con tipos seguros que detecta errores antes de que ocurran
- Despliegues simples que tardan segundos, no minutos
¿Lo mejor? Puedo centrarme en lo que importa: escribir, construir productos y compartir el camino. No en administrar un CMS.
Si eres desarrollador y estás valorando una migración parecida, sobre todo para una web personal, un blog o un sitio de fundador, yo te diría que adelante. La configuración inicial es directa y los beneficios a largo plazo son innegables. Astro te da el rendimiento de un sitio estático con la experiencia de desarrollo de un framework moderno.
La migración me llevó un fin de semana, pero las mejoras van a durar años.