Audiocurso de Frameworks y Arquitecturas Frontend: Casos de Estudio
Contenido del curso
Tipos de renderizado: Server Side Rendering, Client Side Rendering y modos estáticos
Giuliano De Leonardis
Estudiante
Miguel Ángel Durán García
Profesor
Marcos Monteverde
Estudiante
Fidel Parabacuto
EstudianteMiguel Ángel Durán García
Profesor
Ameth Ordoñez Erazo
Estudiante
Félix Alejandro Zelaya Orellana
Estudiante
Matias Ezequiel Rivero
EstudianteMatias Ezequiel Rivero
Estudiante
Edgar Omar Llanque Cordova
Estudiante
Jorge Arias Argüelles
EstudianteRenderizado web
Es la representación gráfica del contenido de una página, es decir, el proceso necesario para mostrar una página web en un navegador. Server-side Rendering El renderizado de las web se ha hecho, de forma histórica, en el servidor. Es decir, que el servidor se encarga de generar el HTML que se va a mostrar al usuario.
Client-side Rendering Se ha popularizado en los últimos años.
Static-Site Generation Se ha popularizado últimamente, ya que tiene una mezcla de los dos anteriores. En lugar de generar el HTML en el servidor, en cada petición, lo hacemos solo en el momento de la compilación. Así, el servidor no tiene que generar el HTML, solo tiene que servirlo. Así sí podemos indexar nuestra página para SEO
Ejemplos de uso
Buenísimo el resumen!!!
gracias
Acá les dejo un poco de data de Island Architecture:
El paradigma de Island Architecture está estrechamente relacionado con la hidratación de las páginas estáticas, mejorando su rendimiento y performance.
Las páginas estáticas que se generan con SSR, al ser ejecutadas por el navegador, pueden convertirse en interactivas gracias a la hidratación.
El proceso de hidratación -o rehidratación- consiste en añadir interactividad mediante JavaScript al HTML generado del lado del servidor, con la adición de Event Handlers que permiten al usuario poder interactuar con la interfaz gráfica.
Fuente
👏
Yo utilice mucho el Server-Side Rendering, sobre todo cuando se utiliza con PHP, pero ahora que estoy trabajando con tecnologías como Vue, el Client-Side Rendering y el Static Rendering son muy útiles y beneficiosos para el rendimiento de las aplicaciones. Como dice Midu, todo depende de lo que se necesite, del proyecto que se esté realizando para sacarle el mejor provecho a cada una. 👍
Genial!!
En el desarrollo web, el renderizado se refiere al proceso de generar contenido para que sea mostrado en el navegador. Existen varios tipos de renderizado, cada uno con sus ventajas y casos de uso específicos.
La elección del tipo de renderizado depende de los requisitos específicos del proyecto, como la importancia del SEO, el contenido dinámico y la velocidad percibida por el usuario.
5. Edge-Side Rendering (ESR)
6. Progressive Rendering
entonces, en un solo proyecto podríamos hacer uso de más de un tipo de rendering según el contenido y dinamismo del proyecto? o es que todo el proyecto deberá usar un solo tipo de rendering
El Server Side Rendering (SSR) tiene varias ventajas sobre el Client Side Rendering (CSR):
Rendimiento inicial: SSR genera el HTML en el servidor, lo que permite que los usuarios visualicen contenido más rápido, especialmente en conexiones lentas.
SEO mejorado: Los motores de búsqueda pueden indexar mejor el contenido generado en el servidor, mejorando el posicionamiento de la página.
Menor carga en el cliente: Al realizar el rendering en el servidor, se reduce el procesamiento que debe hacer el navegador del usuario, lo que beneficia a dispositivos con menos recursos.
SSR es particularmente útil en aplicaciones donde la optimización de SEO y la velocidad de carga son críticas.
