SSR, abreviatura de " Server-Side Rendering ", es una técnica de desarrollo web que implica generar el contenido HTML de una página web en el servidor antes de enviarlo al navegador del usuario. Esto contrasta con el enfoque de "representación del lado del cliente"(CSR), donde el navegador descarga el código JavaScript y construye la página web después de la descarga.
Estructura y principio de funcionamiento de SSR
-
Solicitud de usuario: cuando un usuario accede a un sitio web, el navegador envía una solicitud al servidor.
-
Procesamiento del servidor: el servidor recibe la solicitud y la procesa creando el contenido HTML de la página web. Esto incluye obtener datos de bases de datos, crear componentes de interfaz y ensamblar el contenido en un documento HTML completo.
-
Creación de HTML completo: después del procesamiento, el servidor crea un documento HTML completo que contiene el contenido, los datos y los componentes de interfaz necesarios.
-
Envío al navegador: el servidor envía el documento HTML completo al navegador del usuario.
-
Representación de la página: el navegador recibe el documento HTML y lo representa para el usuario. El código JavaScript y los recursos estáticos(CSS, imágenes) también son cargados y ejecutados por el navegador.
Beneficios de la RSS
- Ventajas de SEO: los motores de búsqueda pueden comprender y clasificar mejor los sitios web cuando el contenido se representa previamente en el servidor.
- Visualización más rápida: los usuarios ven el contenido más rápido porque el documento HTML está renderizado previamente.
- Compatibilidad con dispositivos débiles: el contenido renderizado previamente mejora la experiencia de los dispositivos con menor rendimiento o conexiones más débiles.
- Soporte para usuarios que no usan JavaScript: SSR permite mostrar una versión básica para usuarios que no usan JavaScript.
En conclusión, SSR optimiza el rendimiento y la capacidad de búsqueda de los sitios web al generar contenido HTML en el servidor antes de enviarlo al navegador. Esto proporciona una mejor experiencia de usuario, mejora la clasificación de los motores de búsqueda y mejora el rendimiento general del sitio web.