Una web de empresa tiene que explicar qué haces, presentar bien tu trabajo y facilitar el contacto. Para construir esas páginas a medida, elegimos Astro porque nos permite controlar el diseño y decidir qué código necesita recibir el visitante.
La ventaja se entiende mejor viendo cómo funciona. También ayuda a distinguir cuándo merece la pena desarrollar con Astro y cuándo conviene conservar una web en WordPress que ya resuelve las necesidades del negocio.
Qué es Astro y en qué se diferencia de WordPress
Astro es un framework para desarrollar sitios web centrados en contenido: páginas de servicios, blogs, portfolios o publicaciones. Proporciona las herramientas con las que se construyen las páginas, sus componentes y su presentación. Ese es el uso que recoge la documentación de Astro.
WordPress es un CMS, un sistema que incluye gestión de contenidos y un ecosistema de temas y plugins. Compararlos exige tener presente esa diferencia: instalar Astro no te da, por sí solo, un panel editorial equivalente al de WordPress.
En un proyecto con Astro podemos guardar contenido en archivos o conectarlo a un CMS. La decisión depende de quién lo modifica y con qué frecuencia. Una web que actualiza el equipo técnico tiene necesidades distintas de un blog que publica marketing cada semana.
Antes de elegir, merece la pena separar tres preguntas: cómo se construye la página, cómo se edita su contenido y qué funciones necesita el negocio. Una sola herramienta puede resolver las tres, pero no siempre es la opción que mejor encaja.
Astro permite enviar HTML sin convertir toda la página en una aplicación
Cuando alguien abre una página de servicios, necesita leer el contenido y encontrar cómo contactar. Quizá también quiera ampliar una fotografía o desplegar una pregunta frecuente. Cada interacción tiene sus propias necesidades de código.
Los componentes Astro generan HTML sin un runtime propio en el navegador. Para una parte que necesita interactividad, podemos añadir una isla de JavaScript y decidir cuándo se activa. La arquitectura de islas de Astro permite, por ejemplo, cargar un componente cuando entra en pantalla.
Nos interesa ese control porque el teléfono del visitante tiene que descargar y ejecutar lo que enviamos. Añadir un widget de reservas, un chat o una herramienta de analítica es una decisión del proyecto, y su coste debe entrar en la evaluación de la página.
Astro facilita empezar con HTML y añadir comportamiento donde hace falta. Si después llenamos el sitio de scripts pesados e imágenes sin preparar, seguiremos teniendo trabajo de optimización. La elección del framework no sustituye esas decisiones.
Una web con Astro puede tener páginas estáticas y contenido dinámico
Astro puede generar el HTML durante la compilación y servirlo como un archivo. Es una opción útil para contenido que puede esperar a una nueva compilación cuando cambia.
También puede generar páginas en el servidor al recibir una petición. Ese renderizado bajo demanda permite consultar datos actualizados o resolver contenido que depende del usuario. Los dos enfoques pueden convivir en un proyecto, como explica la guía de renderizado de Astro.
Ejemplo de ambos flujos en Cloudflare. El blog de Neca usa renderizado en el servidor y consulta el contenido de EmDash.
Un formulario puede necesitar un servicio que reciba la consulta. Una reserva necesita disponibilidad real. Una tienda necesita catálogo, pagos y pedidos. Son funciones que debemos resolver aunque las páginas de presentación estén prerenderizadas.
Por eso hablamos de elegir el flujo adecuado para cada página. Una web con Astro puede usar bases de datos, autenticación y servicios externos; hay que tenerlos en cuenta al definir su coste y mantenimiento.
Cómo evaluar el rendimiento de una web hecha con Astro
La evaluación debe hacerse sobre páginas concretas. La portada, una página de servicios y un artículo con imágenes pueden comportarse de forma distinta. También importa probar las interacciones, como abrir el menú o enviar un formulario.
Los Core Web Vitals aportan tres referencias de experiencia: carga del contenido principal, respuesta a las interacciones y estabilidad visual. Google publica estos objetivos en su documentación sobre Core Web Vitals:
Métrica | Qué permite evaluar | Objetivo de referencia |
|---|---|---|
LCP | Cuándo aparece el contenido principal | 2,5 segundos o menos |
INP | Respuesta a la interacción del usuario | 200 milisegundos o menos |
CLS | Desplazamientos inesperados del contenido | 0,1 o menos |
Son referencias para evaluar una web, no resultados que podamos atribuir a un proyecto sin medirlo. La guía de Web Vitals recomienda comprobarlos en el percentil 75 de las visitas, separando móvil y escritorio. También distingue las pruebas de laboratorio de la experiencia de usuarios reales.
Una puntuación de PageSpeed ayuda a detectar problemas, pero no demuestra que un formulario funcione ni que estén aumentando las consultas comerciales. Para valorar el resultado necesitamos comprobar también esas tareas y medir los contactos con una definición clara.
Por qué Astro encaja con nuestro diseño web a medida
En Neca queremos decidir cómo presenta cada negocio sus servicios y su trabajo. Con Astro construimos componentes para esa web: una ficha de servicio, una galería de proyectos o una sección de preguntas frecuentes pueden seguir una misma lógica visual.
Eso permite resolver la estructura, la tipografía y el comportamiento en móvil desde el desarrollo. Podemos reutilizar una composición donde tenga sentido y cambiarla cuando el contenido lo requiera.
La contrapartida es que hay que diseñar y programar esas piezas. No partes de un catálogo donde cualquier extensión añade una función completa en unos minutos. Si necesitas ampliar la web, debemos distinguir entre publicar más contenido con las plantillas existentes y crear una función o composición nueva.
Para nosotros, Astro encaja especialmente bien cuando el proyecto da prioridad a la presentación del contenido y el diseño propio. En una aplicación donde casi toda la pantalla es interacción, hay que estudiar también otros frameworks y el trabajo que exigiría organizarla en islas.
Astro cambia el mantenimiento y los costes que debes prever
Una página servida como archivo puede evitar ejecutar lógica de aplicación para cada visita. Esa simplicidad interesa cuando el contenido y las funciones permiten usarla.
El proyecto sigue teniendo dependencias, servicios, despliegues y cambios que mantener. Si incorpora un CMS, hay que gestionar además su acceso, actualizaciones y copias de seguridad. Un formulario requiere protección y comprobar que las consultas llegan a su destino.
Al comparar presupuestos, conviene pedir el coste inicial y el de operar la web: alojamiento, servicios externos, licencias, soporte y desarrollo de cambios. Astro puede evitar algunas dependencias de temas o maquetadores, pero otras necesidades pasarán a ser trabajo de desarrollo o servicios contratados.
No daríamos por hecho que WordPress reconstruye cada página en todas las visitas. Su caché puede servir páginas ya generadas y reducir el trabajo del servidor. La documentación de optimización de WordPress describe ese funcionamiento. Para comparar, hay que revisar la instalación real y su configuración.
Cuándo elegir Astro y cuándo mantener WordPress
Elegir Astro tiene sentido si quieres una web a medida, sus funciones están bien definidas y cuentas con quien mantenga su desarrollo. Antes de migrar, también conviene calcular lo que ya has resuelto con tu sistema actual.
Necesidad del proyecto | Qué evaluaría primero |
|---|---|
Web de servicios o portfolio con diseño propio y funciones delimitadas | Astro, con una forma de edición adecuada para el equipo |
WordPress que funciona bien y cuyo editor domina el equipo | Mejorar la instalación existente antes de migrar |
Reservas, comercio o membresías que dependen de plugins concretos | Comprobar alternativas y coste de trasladar cada proceso |
Contenido para varias webs o aplicaciones | Astro junto con un CMS que permita compartirlo |
Aplicación con mucha interacción y estado compartido | Comparar Astro con frameworks orientados a aplicaciones |
Un CMS conocido puede ahorrar formación y desarrollo. Un sistema nuevo puede dar más control sobre el diseño y el código. La elección depende de qué trabajo necesita el proyecto y de quién va a asumirlo.
Para este blog combinamos Astro con EmDash. Hemos explicado su flujo de edición, publicación y límites en Astro y EmDash: editar contenido sin romper el diseño de tu web.
Preguntas frecuentes sobre Astro para empresas
¿Puedo editar una web de Astro sin programar?
Sí, si el proyecto incorpora un CMS o una herramienta de edición. Hay que definir qué contenidos podrás cambiar desde ese panel. Astro por sí solo no incluye un editor equivalente al de WordPress.
¿Astro posiciona mejor que WordPress?
El framework no determina el posicionamiento. Hay que resolver contenido, indexación, URLs y experiencia de uso. Google explica que obtener buenos Core Web Vitals no garantiza aparecer en los primeros puestos.
¿Astro sirve para una tienda online?
Puede formar parte de su web pública, pero hay que elegir y conectar los servicios de catálogo, carrito, pagos y pedidos. La decisión debe contemplar cómo gestionará la tienda el equipo.
¿Compensa migrar una web de WordPress a Astro?
Compensa si el beneficio previsto justifica rehacer plantillas, trasladar contenido y conservar funciones y URLs. Si WordPress ya cumple esas necesidades, optimizarlo puede ser una opción más razonable.
Qué comprobar antes de renovar tu web
Haz una lista de las tareas que debe resolver: presentar servicios, mostrar proyectos, recibir consultas, publicar artículos o gestionar reservas. Anota quién editará cada contenido y qué herramientas necesitas conservar.
Con esa lista, pide una propuesta que explique la edición, las funciones, el mantenimiento y cómo se verificará el resultado. Si el rendimiento es uno de los motivos para renovar, mide la web actual para tener una referencia.
Puedes contactar con Neca enviando la URL y esas necesidades. Nos permitirá valorar qué aporta Astro a tu proyecto y qué coste tendría incorporarlo.