DÍA 11 / 2014

Por un Diseño y Desarrollo Web Sustentable

Un servidor web en promedio produce anualmente más de 630 kg. de CO² y consume 1.000 KW/h de energía. Un sitio del tamaño de Tumblr.com es responsable por la emisión de 2.600 toneladas de CO² por día. ¿Cómo lidiar con esta creciente demanda cuando la tendencia es dejar de utilizar papel para llevarlo todo a la web? Todos podemos ser activos responsables. Descubre cómo.


Un sitio web sustentable -por concepto- se debe basar en estándares de conservación ambiental y debe satisfacer las necesidades actuales de sus usuarios sin comprometer la capacidad de sus necesidades por satisfacer en el futuro[1]. En otras palabras, si un proyecto web puede operar por largos períodos sin degradarse a sí mismo ó su medio ambiente, el producto es sustentable. Para satisfacer la anterior afirmación, estos sitios deben enfatizar atributos como eficiencia, durabilidad, reusabilidad y construcción modular.

Pero ¿cómo lidiar con estos temas cuando la tendencia de eco, verde y otros adjetivos ecológicos subyacen en dejar de utilizar papel para digitalizar sus productos y llevarlos a la web[2]? A raíz de esto, ¿recuerdas la última vez que recibiste un directorio telefónico o las páginas amarillas? ¿Dejaste de comprar CD's para descargar tu música?

Según recientes estudios[3] un servidor web en promedio produce más de 630kg de CO² y consume 1.000 KW/h de energía anualmente. Se necesitan 13 KW/h para transferir 1 GB de datos, y tal energía produce 7kg de dióxido de carbono emitido por plantas de energía[4]. La energía consumida por los datacenters e infraestructura relacionadas en todo el mundo se ha duplicado entre 2000 y 2005[5] y la energía total para transmitir todos los exabytes consumidos durante el 2011 correspondieron al 5% de la energía producida en el mundo. Un ejemplo concreto: un sitio del tamaño de Tumblr.com con 183 millones de pageviews/día y aproximadamente 10% de accesos a través de dispositivos móviles, es responsable por la emisión de 2.600 toneladas de CO² por día.

minerando-bitcoins
Foto: Bitsmith

¿Por qué tanto consumo de datos?

Básicamente es el hambre por consumir todo lo que está en Internet, desde videos a música en streaming y telefonía IP. Con cada vez más usuarios, la exigencia de material y la capacidad de generar negocios a través de la red ha hecho que la demanda aumente y los valores bajen, lo que causa que exista cada vez más oferta y demanda por servidores y máquinas de baja gama son los preferidos pero menos eficientes energéticamente. Sumemos al resultado de esta ecuación la basura electrónica producida y no reutilizada ni reciclada una vez fuera de uso. ¿Adónde van a parar?

ewaste
Foto: Greenpeace

Ser conscientes, estar más activos

50% de la sustentabilidad en la web corresponde a la eficiencia en su desarrollo (rapidez y rendimiento), pero todas las partes involucradas pueden aportar. Es fácil pensar que es tarea de ingenieros y programadores optimizar el rendimiento y rapidez de un sitio, pero enfocarse en el rediseño antes que en la ingeniería es un efectivo y menos costoso primer paso.

Si eres Diseñador

¿Sabías que si la página inicial de Google.com tuviera tonos oscuros en vez del blanco imperante, se podrían ahorrar US$75.000 dólares al año[6]? Los siguientes pasos pueden ayudarte a lograr diseños ecológicamente más eficientes y sustentables:

light-dark_google
Foto: composición por Jorge Epuñan
  • Prefiere colores de fondo oscuros ya que consumen menos energía en monitores CRT.
  • Si vas a usar video, evita el autoplay.
  • Prefiere usar imágenes antes que usar videos.
  • Prefiere texto antes que imágenes.
  • Evita usar galerías de tipo carrusel, que consume muchos kilobytes en Javascript (y librerías asociadas) para su funcionamiento y CPU cuando corre en autoplay[7].
  • Evita botones sociales que abusan de Javascript y consumo de API para su funcionamiento lo es cada vez menos utilizado por los usuarios.
  • En lo posible, persuade a otros diseñadores a adoptar estas medidas.

Si no tienes una metodología de trabajo, es importante que comiences a adquirir una ya. Progressive Enhancement[8] y Mobile First[9] te ayudarán a pensar en simple, necesario, fundamental como primera escala para tus diseños.

Si eres Desarrollador Frontend

"80-90% del tiempo de respuesta es gastado en el frontend."[10]

Hoy en día los sitios están cada vez más pesados[11]. De la época en que reinaba Flash y optimizar un .swf (para que no se llevara el poco ancho de banda que existía en esa época era un desafío) al presente donde tenemos conexiones que permiten derrochar kilobytes en carga de archivos. Atento a los siguientes consejos:

  • Adopta un boilerplate ecológico[12] que minimiza la rutina de la CPU y el consumo de recursos para dispositivos móviles y de escritorio.
  • Comprime imágenes con herramientas más eficientes que Photoshop ( PNG Crush | YSmush.it | Grunt Image ).
  • Asegúrate de optimizar también las imágenes cuando creas layouts responsive[13].
  • Agrupa tus pequeñas imágenes en sprites; mejor aún, prefiere SVG ó Web Icon Fonts.
  • Minifica y concatena en un sólo archivo tus librerías Javascript.
  • Evita las librerías Javascript y si necesitas usarlas, prefiere micro-librerías[14].
  • Minifica y mantén simple tu archivo CSS.
  • En lo posible, persuade a otros desarrolladores a adoptar estas medidas.

Si eres Desarrollador Backend

hosting-green
Foto: Green Keeks Website
  • Prefiere empresas de hosting verdes ( Green Geeks | Inmotion Hosting | HostGator | iPage | Fatcow | AisoCanvas Host ).
  • Aplica cache para todo lo estático ( Apache Speed Cache Control | Varnish Cache ).
  • Mantén resumidas y de una sola vez las consultas a bases de datos y prefiere servir contenido estático.
  • Evita guardar en base de datos constantemente; prefiere localstorage para cambios inmediatos y luego guarda todo de una sola vez.
  • En lo posible, persuade a otros desarrolladores a adoptar estas medidas.

Últimas Palabras

Con todo expuesto vemos como es imperativo tener en cuenta el diseño, peso y rendimiento de nuestros proyectos web. Si ya lo trabajabas parte debido a su influencia en el SEO de buscadores web y -claro- en el rendimiento hacia usuarios con menor ancho de banda y con accesos desde redes 3G ó menores, la huella que podemos disminuir puede impactar directamente en la contaminación que expulsamos hacia la atmósfera y que, querámoslo o no, vuelve a nosotros e impactará nuestra descendencia.

Jorge Epuñan

FrontEnd & UX & UI & autor y pensador; PhD en nada. Webdev por convicción en trabajar en lo que me apasiona. Desde hace 14 años aprendiendo y compartiendo mis perspectivas y conocimientos en desarrollo web en CSSLab.