En una aplicación web tradicional, el navegador descarga un HTML casi vacío y es JavaScript quien construye la página después. El server side rendering, o renderizado en el servidor, cambia ese orden: el servidor genera el HTML completo antes de enviarlo al navegador.
Beneficios para la velocidad de carga
Como el HTML ya llega con contenido, el usuario ve la página mucho antes, incluso en conexiones lentas o dispositivos poco potentes. El navegador no tiene que esperar a que se descargue y ejecute todo el JavaScript para mostrar algo útil.
Beneficios para el SEO
Los motores de búsqueda pueden leer directamente el contenido de una página renderizada en el servidor, sin depender de ejecutar JavaScript para descubrir el texto real. Esto facilita que las páginas se indexen de forma correcta y completa.
SSG, un paso más allá
Cuando el contenido de una página no cambia por usuario, se puede generar ese HTML una sola vez durante el proceso de build, en lugar de en cada petición. Este enfoque se llama generación estática, y es exactamente el que utiliza este portfolio construido con Angular.
El siguiente paso natural es cómo mejorar el SEO de una aplicación Angular y qué es Angular y por qué usarlo.