Volver al diccionario
Desarrollo Web
SSR / SSG / ISR
Estrategias de renderizado web: Server-Side Rendering, Static Site Generation, Incremental Static Regeneration.
Estrategias de renderizado
Las aplicaciones web modernas pueden renderizarse en diferentes momentos y lugares, cada estrategia con sus ventajas.
SSR (Server-Side Rendering)
El HTML se genera en el servidor para cada petición.
Ventajas:
- SEO perfecto
- Contenido siempre actualizado
- Buena para páginas dinámicas
Desventajas:
- Más carga en el servidor
- TTFB más lento
Uso: Páginas de producto, dashboards, contenido personalizado.
SSG (Static Site Generation)
El HTML se genera en tiempo de build, antes del despliegue.
Ventajas:
- Máxima velocidad (CDN cacheable)
- Sin carga en el servidor
- Ideal para hosting barato
Desventajas:
- Build time aumenta con muchas páginas
- Contenido estático hasta el siguiente build
Uso: Blogs, documentación, páginas de marketing.
ISR (Incremental Static Regeneration)
Combina SSG con actualización periódica. Las páginas se regeneran en segundo plano cada X segundos.
Ventajas:
- Velocidad de SSG
- Contenido actualizado sin rebuild completo
Ejemplo en Next.js:
```javascript
export async function getStaticProps() {
const productos = await fetchProductos()
return {
props: { productos },
revalidate: 3600 // Regenerar cada hora
}
}
```
CSR (Client-Side Rendering)
El HTML se genera en el navegador con JavaScript. Usado en SPAs.
Ventajas: Navegación fluida
Desventajas: SEO complicado, slower initial load
Necesitas ayuda con tu ecommerce?
Somos expertos en desarrollo de tiendas online. Cuéntanos tu proyecto y te asesoramos sin compromiso.
Contactar con Ganton