The Good Manager  >  Módulos formativos

100 puntos a saber sobre...
Desarrollo de una web de diseño eco

100
puntos a saber sobre...
Volver al resumen del módulo

Noción 79

¿Es un sitio web estático una solución para el ecodiseño web?

Competencias objetivo

Obtener más información sobre los sitios web estáticos y sus ventajas.

Hemos visto que el uso de bases de datos y páginas web dinámicas no son las mejores opciones cuando se considera el ecodiseño web. La solución podría venir de otra categoría que introdujimos antes: páginas web estáticas, y de forma más general, sitios web estáticos. Veamos algunas de sus ventajas.

Un sitio web estático da más control sobre su desarrollo

Debido a que un sitio web estático puede ser construido de una manera más "manual", su desarrollo ofrece más flexibilidad y control sobre un conjunto de parámetros. De hecho, el código HTML de un sitio web estático puede escribirse internamente. Construido de esta manera, el sitio web ya no dependería de demasiados protocolos o servicios externos y automatizados que podrían aumentar el impacto medioambiental del sitio (sin bases de datos, sin lenguajes "pesados" como PHP o SQL, sin actualizaciones frecuentes, etc.) y sobre los que el desarrollador web no tendría ningún control. De este modo, un desarrollador web tiene la oportunidad de gestionar el aspecto del ecodiseño por sí mismo, de una forma más racional y responsable y así tratar de minimizar el impacto del sitio web.

Un sitio web estático permite elaborar el HTML a mano

Tener la posibilidad de desarrollar el código HTML de un sitio web estático por ti mismo significa que ya no dependes de otros servicios como los mencionados anteriormente, pero también que el código se libera de funcionalidades potencialmente inútiles, y se optimiza para un menor consumo de energía y recursos. Puede diseñarse de forma que no suponga una carga para el impacto del sitio web en todas sus fases:

  • el diseño (diseño senzillo, sin elementos accesorios, compresión de imágenes, posibilidad de configurar la compilación),
  • el almacenamiento (un código HTML racionalizado significa menos espacio de almacenamiento necesario y, por tanto, menos energía usada para almacenar el sitio web o para construir y mantener dispositivos de almacenamiento)
  • la consulta del sitio web por parte de los usuarios (posibilidad de configurar peticiones y solicitudes al servidor de aplicaciones o a la base de datos, con el consiguiente ahorro de banda ancha).

Para más información sobre cómo mejorar tu código, puedes consultar la siguiente lección "para ir un poco más allá, algunas prácticas sobre el código".

Se puede hacer un sitio web estático responsable con generadores de sitios estáticos

Practicar el ecodiseño con un sitio web estático no significa que estés solo en esto. Existen herramientas que te ayudarán en este proceso: generadores de sitios estáticos (SSG).
Los generadores de sitios estáticos son herramientas que construirán por ti sitios web estáticos totalmente operativos simplemente proporcionándole datos en bruto, código y contenido en forma de archivos de texto. Podrás tener interactividad en una página web estática igual que en una página web dinámica, sin la desventaja de usar una base de datos.

El sitio web de The Good Manager se hizo con un generador de sitios estáticos llamado Gatsby, pero hay muchos: Next.js, Jekyll, Hugo, Hexo, etc.

Un sitio web estático es compatible con un enfoque de diseño ecológico

Como hemos visto en esta noción, los sitios web estáticos parecen ser una buena alternativa a los sitios web dinámicos. Es altamente personalizable para los desarrolladores y se puede hacer y utilizar fácilmente gracias a los generadores de sitios web estáticos, sin pasar por bases de datos. Estos son signos que indican su compatibilidad con el ecodiseño. En todos los casos, es esencial un diálogo previo entre todas las partes implicadas en el diseño del sitio web para garantizar que la creación final responda a las expectativas funcionales y se inscriba al mismo tiempo en una lógica global de sostenibilidad.

Para ir un poco más allá

Un artículo sobre los generadores de sitios web estáticos y sus ventajas: https://teleporthq.io/blog/what-is-a-static-site-generator