Web

Generación de sitio estático (SSG)

Definición breve

La generación de sitio estático significa que el HTML de una página se construye una vez antes de publicarla y se sirve como archivo listo.

Cuando el contenido cambia, un desarrollador o el sistema de gestión de contenidos lanza una compilación (build), durante la cual se genera de antemano el HTML completo de cada página. Cuando llega un visitante, el servidor simplemente envía ese archivo ya listo, sin ningún cálculo en ese instante.

Se encuentra en contenido que no cambia con frecuencia, como entradas de blog, páginas de servicios o páginas corporativas; estas pueden servirse muy rápido desde una CDN.

Se confunde a menudo con el renderizado en el servidor (SSR). El SSR reconstruye la página en cada petición, mientras que el SSG la construye una vez y sirve el mismo archivo repetidamente, lo que hace al SSG más rápido pero menos adecuado para contenido que debe actualizarse al instante.

El error más frecuente es no darse cuenta de que un cambio de contenido no ha disparado una nueva compilación, de modo que el servidor y la CDN siguen sirviendo el archivo antiguo y los visitantes nunca ven el cambio. Lo correcto es asegurarse de que cada cambio de contenido dispare automáticamente una compilación como parte de la publicación, y usted purga la caché de la CDN cuando sea necesario.

Por qué importa

Las páginas precompiladas apenas suponen carga para el servidor y cargan rápido en todo el mundo desde una CDN. Para contenido que cambia poco, es la vía más eficiente tanto en velocidad como en coste de alojamiento.

Ejemplo ilustrativo

Las páginas de categoría de un fabricante de ropa de trabajo cambian solo unas pocas veces al mes, así que se generan de forma estática y cargan al instante desde una CDN, sin carga de servidor en cada visita.

Términos relacionados

Artículo relacionado

Si no sabe por dónde empezar, no pasa nada: está en el lugar correcto.

El proyecto que tiene en mente puede estar ya definido, o ser solo una idea. Las dos cosas valen. En una conversación breve hablamos de dónde está y hacia dónde puede llegar.

Programemos una conversación
Hablemos del proyecto