27. Reduce el peso y la complejidad de la página.
¿Por qué es importante?
El peso de las páginas ha aumentado enormemente durante la última década, lo que tiene importantes repercusiones tanto para los usuarios como para el medio ambiente. Entre 2014 y 2024, el tamaño medio de las páginas de escritorio creció un 120 % (un aumento de 1,4 MB), mientras que el tamaño medio de las páginas móviles se disparó un 357 % (1,8 MB adicionales). Las imágenes son las que más contribuyen al peso de las páginas.
El aumento del tamaño de las páginas tiene graves consecuencias. Las páginas más pesadas aumentan el uso de la CPU y su obsolescencia, lo que contribuye a un mayor consumo de energía y a más emisiones de carbono. También agravan la desigualdad digital, ya que afectan de manera desproporcionada a los usuarios con dispositivos más antiguos o conexiones a Internet más lentas.
¿Qué puedo hacer?
-
Elimina código innecesario o sin usar (scripts, marcos y complementos) y limitar su uso.
-
Elimina módulos duplicados en paquetes JavaScript.
-
Reduce el impacto de terceros (consulte Construido con y ¿Son ecológicos mis terceros?).
-
Evita el desplazamiento infinito y los carruseles. Preferir la paginación y las opciones «cargar más».
-
Utiliza la carga diferida para reducir los elementos descargados.
-
Utiliza la recarga parcial de contenido de elementos específicos (en lugar de toda la página).
-
Utiliza fuentes sistema, estándar o seguras para la web para evitar descargas.
-
Utiliza colores y temas más oscuros (menos intensivos en energía en OLED).
-
Comunica de forma que no se dependa únicamente del color, tanto por motivos de sostenibilidad como de accesibilidad.
-
Minimiza el número de pasos necesarios para que los usuarios completen las tareas.
-
Considera la posibilidad de diseñar para dar soporte a dispositivos más antiguos y velocidades más lentas como preferencia, cuando diseñe para la inclusividad. Establezca KPI que aborden el rendimiento en las «peores condiciones».
-
Utiliza el procesamiento asíncrono para optimizar la energía y el rendimiento.
-
Prefiera la entrada asistida al autocompletado para reducir las llamadas innecesarias al servidor.
-
Utiliza lenguajes de programación y marcos de trabajo actualizados para una mayor eficiencia.
-
Prefiera los formatos de página estáticos.
Aspectos a tener en cuenta
-
🧑 Rendimiento optimizado del producto, ejemplificado por tiempos de carga más rápidos.
-
🧑💰 Reducción de los costes de mantenimiento, lo que refleja un diseño y una ejecución eficientes.
-
💰 Optimización que conduce a una reducción del gasto en la nube.
¿Cómo se ve el éxito?
Te recomendamos que audites y optimices los activos de tu sitio web o aplicación con regularidad. Estas consideraciones y mejoras medioambientales y de rendimiento se convertirán en una parte integral del trabajo de los equipos multifuncionales una vez que Incluye el planeta en tu informe y Elige las métricas adecuadas . La formación será clave para que tu organización y tus equipos de producto sigan descubriendo las mejores prácticas que aplicar. Para ello, nada mejor que Organizar charlas, sensibilizar y promover la formación y Crear un grupo de trabajo sobre el clima. Y no olvides la inclusividad del sistema: diseña para dispositivos más antiguos, conexiones más lentas y pregúntate si las funciones necesitan realmente una conexión a Internet.