Saltar al contenido

TwoDo CMS: la llegada del renderizado híbrido

En julio de 2023 incorporamos a TwoDo CMS el renderizado híbrido con el nuevo SSR de Angular 16: HTML listo para los buscadores e interactividad completa para los visitantes.

Ilustración de las capas de contenido e interacción web

Puede que un buscador nunca ejecute el JavaScript de tu página, y lo que no ve, no lo indexa. En julio de 2023 fuimos de los primeros del mundo en adoptar el nuevo renderizado del lado del servidor (SSR) de Angular 16.

Dos formas de renderizar una web

En general, las webs se renderizan de una de estas dos formas:

  • En el lado del cliente. El JavaScript del navegador crea y actualiza el contenido. Para el SEO puede ser un problema: puede que el buscador no consiga ejecutar el JavaScript ni entender un contenido dinámico que cambia según lo que haga el usuario. Entonces el contenido puede quedarse sin indexar o recibir una mala valoración.

  • En el lado del servidor. El contenido es visible y legible para los buscadores, que pueden rastrear e indexar el HTML sin dificultad, y eso mejora el posicionamiento y la visibilidad. Además, los visitantes ven el contenido antes, porque no tienen que esperar a que el JavaScript se descargue y se ejecute.

Lo mejor de los dos mundos

Pero no queríamos renunciar a la interactividad ni al dinamismo de la interfaz. Por eso elegimos el renderizado híbrido del lado del servidor en el framework Angular. Funciona en dos pasos:

  1. Renderizamos todas las partes de la página en el servidor y las enviamos al navegador como HTML estático. Así los buscadores las ven y la página se muestra rápido en la primera carga.

  2. Después, el navegador descarga del servidor el JavaScript que «hidrata» la página, es decir, le añade la gestión de eventos y la interactividad.

Con el renderizado híbrido optimizamos el rendimiento y el SEO sin poner en riesgo la experiencia de usuario.

Qué ganan nuestros clientes

Nuestros clientes pueden aprovechar desde el primer día las últimas tecnologías que lanzan los líderes mundiales. Además, toda la solución se beneficia de la infraestructura moderna de Cloudflare, que usamos para caché adicional y seguridad.

¿Quieres ver en la práctica el renderizado híbrido de TwoDo CMS? Escríbenos y te enseñaremos cómo funcionaría en tu web.