¿Qué es el Renderizado en el Servidor (SSR)?

El Server-Side Rendering, abreviado SSR, es una técnica en la que el servidor genera el HTML completamente renderizado de una página en cada solicitud y lo envía al navegador. El navegador muestra la página de inmediato y, si la aplicación es interactiva, hidrata el marcado con JavaScript a continuación.

Definición

El SSR contrasta con el renderizado del lado del cliente, donde el navegador recibe una capa de HTML casi vacía y construye la página en JavaScript. Con SSR, la primera respuesta ya contiene contenido, metaetiquetas y datos de producto. Frameworks como Next.js, Nuxt y Remix hacen del SSR una opción predeterminada en los frontends modernos, a menudo combinada con ejecución en el edge para ganar velocidad adicional.

Por qué importa

Para los storefronts de comercio, el SSR tiene tres ventajas. Los motores de búsqueda y los rastreadores de IA ven el contenido completo sin ejecutar JavaScript. El first contentful paint es más rápido, lo que ayuda a los Core Web Vitals y a la conversión. Y los usuarios con redes lentas o dispositivos limitados obtienen páginas usables antes. El coste es cómputo de servidor por cada solicitud, que hay que gestionar mediante caché.

Compromisos

El SSR no es gratuito. Cada solicitud genera trabajo en el servidor, lo que eleva el coste operativo y exige una estrategia de caché que respete la personalización. Los enfoques híbridos combinan SSR con generación estática y regeneración incremental, de modo que las páginas que cambian con frecuencia se renderizan al momento mientras el contenido estable se sirve desde caché. Las plataformas de gestión de frontend ayudan a orquestar estas estrategias en muchas páginas y mercados.

Relacionado

Descubre Composable Headless Frontend · Performance and Core Web Vitals.