Lección 3

Programación y alojamiento de herramientas digitales

Actualizado el
 16/10/2023

El uso excesivo de JavaScript, CSS, peticiones, plugins o widgets puede afectar negativamente al rendimiento del sitio web o la aplicación móvil y aumentar considerablemente el consumo de recursos, como el ancho de banda, el procesamiento y la memoria. Existen ciertas buenas prácticas que pueden ayudar a reducir el impacto medioambiental de las herramientas digitales.

3 ideas para hacer un sitio web más sostenible

¿Qué es el desarrollo responsable?

A la hora de desarrollar un sitio web o una aplicación, una de las decisiones más importantes es la elección del lenguaje de programación o la herramienta que se va a utilizar para el desarrollo.

Por ejemplo:

  • CMS: rápido, fácil, sin necesidad de optimizar el código, pero requiere plugins y conlleva un uso excesivo de la base de datos y el servidor.
  • Lenguaje para desarrollo a medida (PHP, Java, etc.): muy flexible, de alto rendimiento y seguro, pero requiere más tiempo de desarrollo, cuesta más y consume más energía.
  • C y Pascal: consumo de energía mucho menor, uso reducido de memoria, más opciones ecológicas.
  • Comprimir y reducir el tamaño de CSS y JavaScript.
  • Evitar animaciones JavaScript/CSS costosas o superfluas.
  • Armonizar las clases de CSS en todas las páginas.
  • Comprimir o minimizar archivos (HTML, CSS, JS, SVG).
  • Reemplazar las imágenes de la interfaz por hojas de estilo en cascada y pictogramas CSS.
  • Limitar el número de CSS o recortarlas.
  • Usar los compartimentos CSS y editar múltiples propiedades CSS al mismo tiempo.
  • Combinar los archivos CSS y JavaScript.
  • Evitar procesamientos de JavaScript demasiado largos.
  • Poner en caché los elementos a los que se accede constantemente en JavaScript.
  • Escribir selectores de clase CSS de manera eficiente.
  • Externalizar CSS y JavaScript.
  • Eliminar scripts de terceros.
  • Usar bibliotecas JavaScript y CSS solo si es necesario, usando solo los elementos esenciales.

La caché es una técnica que permite almacenar todos los recursos localmente en el navegador de la persona usuaria o en un servidor proxy cercano, lo que permite que los recursos se carguen más rápidamente en visitas posteriores y, por tanto, se reduce el impacto medioambiental de cada visita.

Consejos para el uso de caché en servidor:

  • Poner en caché las respuestas Ajax.
  • Poner cachés completamente en RAM.
  • Usar una caché HTTP.
  • Agregar encabezados Cache-Control o Expires.

El uso de plugins en un sitio web puede llegar a consumir muchos recursos y memoria, por eso es importante analizar bien el tipo de plugins que realmente son necesarios y considerar alternativas que puedan generar el mismo resultado:

  • Por ejemplo, sustituir el engorroso y poco práctico plugin de Google Maps por una imagen de la ubicación con la dirección exacta y un enlace que redirija a un mapa interactivo.
  • Sustituir los plugins para redes sociales por su icono o nombre con un enlace a la red social en cuestión.
  • Evitar los chatbots, sobre todo si no ofrecen respuestas claras y precisas a las personas usuarias, que corren el riesgo de sentirse frustradas.

Las personas que visitan una página web quieren disfrutar de una navegación lo más agradable y eficaz posible. Por eso es tan importante mejorar la interacción.

Adoptar un enfoque Green UX:

  • Implementar la paginación web y optar por una configuración de interfaz de despliegue por páginas, que aligera el contenido y evita que las personas visitantes se pierdan en demasiada información.
  • Optimizar la descarga de documentos en la página: comprimir los archivos, escribir una breve descripción del contenido e incluir dos versiones del documento (una corta y otra completa), indicando el tamaño y el número de páginas.
  • Optimizar la función de autocompletado, limitar el número de sugerencias y el uso de scripts, y utilizar una lista predefinida de opciones.

Una página web o aplicación móvil debe diseñarse pensando en el mantenimiento a largo plazo. Algunas acciones básicas a llevar a cabo:

  • Designar a una persona o equipo responsable del mantenimiento.
  • Revisar periódicamente el contenido para eliminar todo aquello que ya no sea útil.
  • Comparar el impacto ambiental de la página o aplicación y los cambios derivados de las medidas adoptadas.
  • Verificar al menos una vez al año el funcionamiento de la herramienta digital con distintos tipos de conexión, como 2G o 3G.
  • Garantizar que el software utilizado está actualizado.
  • Comprobar que la página o aplicación sigue protegiendo los datos personales.

Para elegir el proveedor de un alojamiento web, debemos tener en cuenta que lleve a cabo las siguientes acciones:

  • Optimización del consumo energético de los servidores, por ejemplo, limitando el uso del aire acondicionado para enfriar los equipos.
  • Uso de energías renovables y obtención de certificaciones medioambientales como Energy Star, LEED, etc.
  • Apuesta por la desmaterialización, el reciclaje de equipos y el trabajo con proveedores locales.
  • Control exhaustivo de la protección y la seguridad de los datos guardados.
  • Implementación de un código de conducta y adopción de un cumplimiento ético en las operaciones.