14 maneras de diseñar y desarrollar un sitio web más sostenible

Por Deborah Keltner

¿Podría tener un sitio web más sostenible?

Aunque el paso de los contenidos analógicos a los digitales ha evitado que los árboles acaben en las fábricas de papel, sin duda ha contribuido a la crisis climática debido a la huella de carbono de la tecnología. Tanto si se trata de residuos electrónicos como de la energía necesaria para la informática, el sector tecnológico tiene una gran oportunidad de reducir su impacto en el clima de nuestro planeta.

Para mantener la temperatura global por debajo de 1,5 grados centígrados, debemos alcanzar un nivel neto de cero emisiones de gases de efecto invernadero a mediados de siglo. Puede obtener más información sobre el Día de la Tierra y los actos e iniciativas que lo apoyan aquí.

Con motivo del Día de la Tierra, compartimos una lista de ideas, consejos, trucos y reflexiones para ayudar a los diseñadores y desarrolladores de sitios web a crear sitios más sostenibles. Todavía estamos aprendiendo más sobre cómo ofrecer tecnologías más sostenibles, así que si tienes más consejos y trucos, ¡queremos que nos los cuentes!

Empecemos.

¡Estás leyendo esto en internet! ¿Sabías que sólo el uso de Internet provoca emisiones de aproximadamente 2.330.000 toneladas de carbono y consume 2.340.000 MWh de electricidad cada día? Si has encontrado este artículo a través de una búsqueda en Internet, tu búsqueda ha consumido unos 0,3 Wh de energía y ha liberado 0,2 g de carbono al medio ambiente. No es mucho por sí solo, pero suma.

¿Quiere reducir las emisiones de carbono de su sitio web?

¿Lo sabías? Compensar el carbono de nuestro sitio web requiere el trabajo de 12 árboles cada año.

Puede reducir las emisiones de carbono asociadas a su sitio web reduciendo la cantidad de electricidad utilizada para cargar, enviar y visualizar una página web, y asegurándose después de que la electricidad resultante necesaria para acceder al sitio y utilizarlo procede de recursos limpios y renovables.

Los diseñadores y desarrolladores tienen mucha influencia en la eficiencia energética de los sitios web que diseñan y crean. Aquí tienes 14 consejos para diseñar y desarrollar una web más ecológica y sostenible:

Deshágase del código innecesario, que consume potencia de cálculo sin beneficiar a los usuarios. Si tienes grandes bloques de código sin comentar, no dejes que se cuelen en producción. Mantenga el código limpio y sencillo, evite la duplicación y escriba consultas eficientes. Esto no sólo se aplica al código que escribes, sino también al que tomas prestado. Si utiliza marcos de trabajo y bibliotecas existentes, asegúrese de que también se han perfeccionado y adaptado para ofrecer de forma eficiente la funcionalidad que necesita y de que no está utilizando código sobreestructurado. Si utilizas un CMS como WordPress, evita los plugins innecesarios que añaden sobrecarga y elige plugins que minimicen la carga del servidor y no añadan peso innecesario al front-end.
Utiliza la compresión. Algunas técnicas de compresión pueden ahorrar datos sin comprometer la calidad.
Tenga en cuenta la eficiencia de los lenguajes de programación a la hora de elegir. Los lenguajes menos eficientes tienen una mayor huella de carbono.
Ejecutar cálculos en el lado del servidor. Los centros de datos son más eficientes que los dispositivos de usuario final.
Elija proveedores de nube ecológicos. Pregunte si su proveedor de nube utiliza fuentes de energía sostenibles.
Tenga siempre presente la eficiencia digital. Cada día es el Día de la Tierra cuando priorizas las decisiones de eficiencia energética. Nuestra web funciona con energía renovable, lo que ayuda a compensar nuestro impacto.
Los objetivos de la optimización para motores de búsqueda coinciden con el objetivo de reducir el consumo de energía. Al optimizar un sitio web para que aparezca en los buscadores, ayudamos a los usuarios a encontrar la información que buscan de forma rápida y sencilla. Cuando el SEO tiene éxito, la gente pasa menos tiempo buscando información y visita menos páginas que no satisfacen tus necesidades. Esto significa que se consume menos energía y que la energía que se consume se utiliza para ofrecer valor al usuario.
La redacción también influye en el tiempo que los usuarios pasan navegando por su sitio web. No queremos que la gente pierda el tiempo rebuscando en contenidos que le aportan poco valor, por lo que un texto claro y eficaz puede reducir la pérdida de tiempo y, a su vez, de energía.
Una buena experiencia de usuario facilita el uso de la web y reduce la cantidad de energía desperdiciada navegando por páginas que no sirven para el propósito correcto y tratando de descifrar lo que deben hacer a continuación. Obviamente, nuestro equipo de diseño UX está aquí para ayudar.
En la mayoría de los sitios web, las imágenes son el factor que más contribuye al peso de la página. Cuantas más imágenes se utilicen y más grandes sean los archivos de imagen, más datos habrá que transferir y más energía se consumirá. Independientemente de cualquier optimización técnica, los diseñadores y creadores de contenidos deben reflexionar detenidamente sobre el uso que hacen de las imágenes.
- ¿Aporta la imagen realmente valor añadido al usuario?
- ¿Comunica información útil?
- ¿Podría lograrse el mismo impacto si la imagen fuera más pequeña?
- ¿Podríamos reducir las imágenes que no son visibles para el usuario, como en los carruseles?
- ¿Podríamos conseguir el mismo efecto con un gráfico vectorial (o incluso con un estilo CSS) en lugar de una foto?
El vídeo es la forma de contenido que más datos y procesamiento requiere. Al igual que con las imágenes, pregúntese si los vídeos son necesarios. Si lo son, reduzca la cantidad de vídeo emitido eliminando la reproducción automática de los vídeos y manteniendo el contenido de vídeo corto. Un sitio web con vídeos en reproducción puede ser uno o incluso dos órdenes de magnitud más pesado que uno sin vídeos en términos de peso de la página y crea una carga mucho mayor en la CPU del usuario, lo que se traduce en un consumo de energía mucho mayor.
Las fuentes web pueden añadir un peso significativo a los archivos de los sitios web en los que se utilizan. Un solo archivo de fuente puede llegar a pesar 250kb, y eso puede ser sólo para el peso estándar. Si quieres negrita, añade otros 250kb. Para reducir el impacto en las fuentes web personalizadas, los diseñadores deben considerar las siguientes opciones: Utilizar fuentes del sistema siempre que sea posible. Fuentes como Arial y Times New Roman pueden utilizarse sin necesidad de cargar ningún archivo de fuentes, puesto que ya se encuentran en el dispositivo del usuario, e intenta ser frugal en el número de tipos de letra que elijas y en el número de pesos diferentes que utilices para cada tipo de letra.
Construir páginas web estáticas. Los sitios web con CMS realizan consultas a la base de datos del sitio web y generan páginas de forma dinámica, por lo que el servidor web tiene que trabajar pensando qué información enviar al usuario cada vez que alguien intenta cargar una página. Esto hace que el servidor consuma más energía. En algunos casos, puede ser posible simplemente servir páginas web estáticas sin ninguna base de datos escribiendo las páginas web como archivos estáticos en HTML, CSS y JS, o utilizando un generador de sitios estáticos o un alojamiento web estático especializado para convertir su sitio web con CMS en archivos estáticos.
Considera reducir el espacio en blanco y adoptar el modo oscuro. Los sitios web oscuros fueron una de las primeras técnicas popularizadas para ahorrar energía en los sitios web hace muchos años y se desvaneció con la llegada de las pantallas LCD, que tenían una retroiluminación permanente, utilizando la misma energía independientemente del color realmente visible en la pantalla. Sin embargo, con la llegada de las pantallas OLED, que iluminan cada píxel individualmente, el uso de colores más oscuros vuelve a ser una técnica viable para reducir la energía en los dispositivos de los usuarios finales.

Si quieres calcular la huella de carbono de tu sitio web, esta herramienta es fácil de usar. De hecho, así es como nos dimos cuenta de que nuestro sitio web necesita mejoras (actualmente somos más sucios que el 78% de los sitios web similares y producimos 2,14 g de carbono cada vez que alguien visita nuestro sitio). https://www.websitecarbon.com/.

Es posible que no pueda hacer todas y cada una de estas cosas, pero cada acción que emprenda para crear un sitio web sostenible suma, así que apueste por un diseño y una ingeniería más ecológicos en el Día de la Tierra y todos los días.

Recursos adicionales: