Se estima que la tecnología digital genera entre el 2 y el 4 % de las emisiones mundiales de carbono. Estas son seis formas de crear sitios web sostenibles con una huella de carbono mucho menor.
Todos esos datos «invisibles» se recopilan, procesan, almacenan e intercambian en enormes centros de datos repartidos por todo el mundo. Los servidores que los hacen funcionar se calientan mucho y, a su vez, se refrigeran con gigantescos sistemas de climatización alimentados por electricidad. Muchos de ellos siguen funcionando en gran parte con combustibles fósiles.
Como desarrolladores web, intentamos reducir el consumo de energía y el impacto ambiental de los sitios web creando sitios eficientes. Milk Moon Studio es un pequeño estudio de Webflow y, como diseñadores de Webflow, el impacto que podemos tener es modesto, pero gracias a algunos de los métodos que verás a continuación hemos conseguido reducir la huella de carbono de nuestras páginas y de las de algunos de nuestros clientes.
Para crear sitios web sostenibles y eficientes en consumo de energía, seguimos estas buenas prácticas de diseño web sostenible:
- Optimiza las imágenes para reducir su tamaño. (Consejo: si necesitas subir imágenes, usa una herramienta como TinyPNG antes de subirlas a tu sitio).
- Sé estratégico con los vídeos. (Consejos: un vídeo sencillo sin fondo tendrá una resolución más baja, prueba a insertar los vídeos directamente en tu sitio y no los configures para que se reproduzcan automáticamente. También hemos escrito sobre cómo optimizar los vídeos de fondo de Vimeo en Webflow, de modo que el vídeo solo se carga cuando aparece en pantalla al hacer scroll.)
- Aplica la carga diferida (lazy loading) a imágenes y contenido multimedia. (La carga diferida consiste en cargar las imágenes y otros archivos multimedia solo cuando hacen falta. Nota al margen: esto ahorra energía y hace que los sitios web carguen más rápido, lo que es un extra para tu SEO. Puedes leer más en nuestro artículo sobre cómo la velocidad de carga impulsa el éxito de un negocio.)
- Usa la caché web. (El almacenamiento en caché consiste en descargar los elementos compartidos de una página, como JavaScript, CSS e imágenes, y guardarlos más cerca del usuario o en su navegador. Cuando el usuario vuelve a visitar la página, puede recuperar esos datos desde la caché en lugar de consultar de nuevo el servidor web.) Si quieres verlo en acción, descarga la extensión de Chrome DrFlare y echa un vistazo al sitio www.milkmoonstudio.com. Usamos una combinación de caché en el edge, caché del navegador, formatos de nueva generación y optimización de imágenes, y toda la configuración está en nuestra guía para optimizar Webflow con Cloudflare (nuestro artículo original sobre cómo almacenar en caché Webflow con Cloudflare también sigue disponible).
- Elimina lo que no necesitas. (Cuanto más sencillo sea tu sitio, menos energía consume).
- Elige un hosting ecológico (encontrar una empresa que utilice energía renovable ayuda mucho a minimizar el impacto ambiental de tu sitio web). Por desgracia, Webflow todavía no ofrece la posibilidad de un hosting ecológico exclusivo, pero Amazon afirma que en 2023 compensó el 100 % de la electricidad que consume con energía renovable. Milk Moon, en cambio, funciona casi exclusivamente con energía verde. Nuestro sitio se almacena en caché en la red de Cloudflare, que según Cloudflare funciona con energía renovable, y nuestros recursos se almacenan en caché y se optimizan con Cloudflare Workers. Más sobre Cloudflare y la energía renovable. Aquí puedes ver nuestro tráfico durante 24 horas: ¡el 99,97 % servido desde la caché de Cloudflare!
La tecnología web puede aportar enormes beneficios a la sociedad y al medio ambiente, pero solo si la usamos con cabeza. Optimizar no solo ofrece una mejor experiencia al usuario final, sino que además haces algo por el planeta.
Diseño web sostenible: respuestas rápidas
¿Qué es el diseño web sostenible?
El diseño web sostenible consiste en crear un sitio web que consuma la menor energía posible, para que tenga una huella de carbono menor. En la práctica son los seis pasos anteriores: imágenes más pequeñas, vídeo con criterio, carga diferida, caché, eliminar lo que no necesitas y un hosting ecológico.
¿Un sitio web tiene realmente huella de carbono?
Sí. Cada visita a una página hace que un servidor de un centro de datos tenga que trabajar, y esos servidores se calientan y necesitan refrigeración, lo que consume electricidad. Muchos de ellos siguen funcionando en gran parte con combustibles fósiles, así que un sitio más ligero y con caché supone menos trabajo para esos servidores y menos energía consumida.
¿La caché hace que un sitio web sea más sostenible?
Sí, porque una página o un archivo en caché se sirve desde una ubicación más cercana al visitante, o desde su propio navegador, en lugar de pedirse de nuevo al servidor web cada vez. Nuestro propio sitio se sirve desde la caché de Cloudflare en un 99,97 % durante un periodo de 24 horas.
¿Cómo elijo un hosting ecológico?
Busca una empresa que utilice energía renovable y pregunta qué partes de su red funcionan con ella. Nosotros usamos la red de Cloudflare para la caché, y Cloudflare afirma que esa red funciona con energía renovable.
