¿Cómo se renderiza una página web en mi computadora?

Clase 1 de 24 • Curso de PHP: Integración con HTML

Clase anteriorSiguiente clase

Angel Fernando Quiroz Campos

student•

Client Side Rendering (CSR): El navegador del cliente arma la estructura de la página web con JavaScript
Static Side Generation (SSG): La página web se construye al momento del build o compilación de la aplicación.
Sever Side Rendering (SSR): El servidor se encarga de procesar y generar la página web

Andrés Felipe Lopez gomez

student•

Excelente introduccion, muy pro la explicacion

John David Gómez Constante

student•

Por fin ampliando los cursos básicos de PHP, gracias RetaxMaster

Fabricio Bencomo

student•

Amo como retax demuestra el cariño que tiene a php, sin dudas un gran profesor y una muy buena introducción

Jonathan Steven Cardozo Toro

student•

Sever Side Rendering (SSR) tipo de renderizado que usa PHP

Guillermo Baldán López

student•

¡Oh! ¡Qué momento más épico! ¡He conocido a RetaxMaster!

LESTHER XITUMUL MANUEL

student•

Tipos de Render

Renderizado del Lado del Cliente (CSR)

El renderizado del lado del cliente (CSR) es un enfoque en el que el servidor envía al cliente un archivo HTML vacío con un archivo JavaScript adjunto. El navegador del cliente ejecuta el código JavaScript, que a su vez realiza solicitudes al servidor para obtener los datos y plantillas necesarios para renderizar la página. CSR es útil para aplicaciones web interactivas que requieren actualizaciones dinámicas sin tener que recargar la página completa. Sin embargo, puede haber una menor velocidad de carga inicial debido a que el cliente debe esperar al archivo JavaScript y realizar solicitudes adicionales al servidor.

Generación Estática del Sitio (SSG)

La generación estática del sitio (SSG) es un enfoque en el que las páginas web se generan de antemano durante la compilación o el tiempo de construcción del sitio. Esto significa que cada página se crea como un archivo HTML estático y se almacena en el servidor. Cuando un usuario solicita una página, se entrega el archivo HTML estático correspondiente. SSG es útil para sitios web con contenido estático que no requiere actualizaciones frecuentes. Proporciona una alta velocidad de carga y un menor uso de recursos del servidor, ya que no es necesario generar la página en cada solicitud.

Es importante considerar los requisitos y características de tu proyecto al elegir el tipo de renderizado que mejor se ajuste a tus necesidades. Cada enfoque tiene sus ventajas y desventajas, y la elección adecuada dependerá del contexto y los objetivos de tu aplicación.

Renderizado del Lado del Servidor (SSR) - PHP UTILIZA SSR

El renderizado del lado del servidor (SSR) es un enfoque en el cual el servidor genera una respuesta HTML completa y la envía al cliente. Esto significa que la página se renderiza completamente en el servidor antes de ser enviada al navegador del usuario. SSR es útil cuando se requiere un contenido dinámico que debe mostrarse en el primer renderizado de la página. Sin embargo, puede haber una mayor carga en el servidor debido a que se genera toda la página en cada solicitud.

Sebastián Caraballo Marzola

student•

![](

Pablo Rodríguez Cruz

student•

CSR es una excelente opción si necesitas una interfaz de usuario altamente interactiva y personalizada, ya que permite una gran cantidad de libertad y flexibilidad en la construcción de la interfaz. Sin embargo, puede ser más lento en la carga inicial de la página y puede requerir un mayor uso de recursos del navegador.

SSG es una excelente opción si quieres un sitio web rápido y escalable, ya que los archivos estáticos se pueden servir directamente sin necesidad de procesamiento adicional en el servidor. Sin embargo, puede ser menos flexible en términos de personalización de la interfaz de usuario.

SSR es una excelente opción si necesitas una página web que se cargue rápidamente en el navegador y sea amigable para los motores de búsqueda, ya que el contenido HTML está disponible desde el principio. Sin embargo, puede ser más costoso en términos de recursos del servidor y puede ser menos flexible en términos de personalización de la interfaz de usuario.

Jessica C. Flores O.

student•

Es mi Profesor favorito... Grande, pa'.

Fernando Espiritu

student•

otro curso y ya estyo aqui para ponerme mamadisomo con PHP y tenerla facil en mi nuevo trabajo qeu empiezo el 06/03/2023

Juan David Rueda Quiroga

student•

PHP = HTML con esteroides

Edwin Ricaurte

student•

RetaxMaster el mejor !

Gabriel Eduardo Caraballo Moya

student•

Existe una extensión para Google Chrome y otros navegadores basado en Chromiun donde puede ver el rendimiento de carga de las distintas web, se llama Lighthouse. Es de Google. https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=es

Sergio Andrés Barragan

student•

Muy buena Intro RetaxMaster