Middle
¿Qué tipos de renderizado de páginas existen?
sobes.tech AI
Respuesta de la IA
- Renderizado asíncrono (Async Rendering): Partes de la página (por ejemplo, datos obtenidos mediante solicitudes AJAX) se cargan y muestran gradualmente, sin bloquear la carga de la estructura principal.
- Renderizado en el lado del cliente (Client-Side Rendering, CSR): El navegador carga un archivo HTML mínimo que contiene un enlace a un paquete de JavaScript. Este paquete se ejecuta en el navegador y construye dinámicamente el DOM.
- Renderizado en el lado del servidor (Server-Side Rendering, SSR): El servidor genera un documento HTML completo con contenido para cada página visitada y lo envía al navegador. El navegador muestra la página ya lista.
- Renderizado estático (Static Rendering / Static Site Generation, SSG): Las páginas se generan en forma de archivos HTML estáticos durante la compilación del proyecto. Estos archivos se entregan al usuario, asegurando una carga muy rápida.
- Renderizado isomórfico (Isomorphic / Universal Rendering): Código JavaScript que puede ejecutarse tanto en el servidor como en el cliente. Esto permite renderizar primero la página en el servidor (para acelerar la primera visualización y SEO), y luego transferir el control al cliente para la interactividad.
| Tipo de renderizado | Dónde ocurre | Carga inicial | SEO | Interactividad |
|---|---|---|---|---|
| CSR | Cliente (navegador) | Más lenta que el contenido inicial | Puede ser más difícil | Alta después de cargar JS |
| SSR | Servidor | Más rápida que el contenido inicial | Bueno | Aparece después de cargar JS |
| SSG | Construcción del proyecto | Muy rápido | Excelente | Depende del JS añadido después de la carga estática |
| Isomórfico | Servidor y cliente | Primera visualización rápida | Bueno | Alta después de la "hidratación" |