Renderizado en el servidor (SSR)
Definición breve
El renderizado en el servidor significa que el HTML de una página se genera en el servidor, no en el navegador, y se envía al visitante ya listo para mostrarse.
Cuando llega una petición, el servidor reúne los datos necesarios, construye en ese mismo momento el HTML completo de la página y lo envía al navegador; este se encuentra con contenido visible de inmediato, en lugar de rellenar una carcasa vacía. Frameworks como Next.js gestionan esto página por página.
Se encuentra en contenido que cambia con frecuencia, como niveles de stock o páginas personalizadas para un usuario que ha iniciado sesión, donde los datos deben estar actualizados en cada petición.
Se confunde a menudo con la generación de sitios estáticos (SSG). El SSG construye una página una sola vez de antemano y la sirve como archivo, mientras que el SSR la reconstruye en cada petición, lo que la mantiene más actualizada pero exige más carga al servidor.
El error más frecuente es construir también con SSR páginas que cambian poco, como una página de quiénes somos, lo que genera una carga de servidor innecesaria y alarga el tiempo hasta el primer byte. Lo correcto es reservar el SSR para las páginas que realmente necesitan datos actualizados en cada visita, y para el resto usted elige la generación estática o un renderizado en caché.
Por qué importa
Los motores de búsqueda y los bots de redes sociales leen y muestran correctamente una página cuando esta llega ya rellena de contenido. El SSR refuerza tanto el SEO como la primera impresión, sobre todo en páginas que cambian a menudo.
Ejemplo ilustrativo
La página de stock y precios de un fabricante de pavimentos se reconstruye en el servidor en cada visita, de modo que los motores de búsqueda siempre ven el stock actual.
