Actualmente alrededor del 10% del consumo total de energía del mundo se utiliza a través de Internet. En 2012 fue del 8% y se estima que puede llegar al 20% en 2025. (Fuente: KTH Instituto Royal de Tecnologías de Suecia)
¡Datos!… son la respuesta a lo que está pasando. Los miles de sitios web disponibles en Internet producen enormes cantidades de datos cada minuto. Cada búsqueda, cada clic, cada vídeo transmitido, cada foto abierta en un sitio web pone en funcionamiento varios servidores produciendo una reacción en cadena.
Como propietario de un sitio web, debes comprender que para que cualquier sitio web reduzca su consumo de energía debe optimizarse perfectamente para reducir el tiempo de carga. Puedes tener en cuenta lo siguiente al diseñar tu sitio web para ayudar a reducir el consumo de energía:
Accesibilidad
Cuanto más fácil le resulte a las personas encontrar tu sitio web, menor será la energía consumida. Si tus usuarios tienen que navegar a través de varias páginas, la cantidad de solicitudes del servidor aumentará, lo que a su vez consumirá más energía. La accesibilidad juega un papel importante en la cantidad de servidores en funcionamiento, y cuanto más obstáculos tengan que superar tus usuarios para llegar a la página deseada ¡más energía consumirán! Una excelente experiencia para el usuario hace que el uso de la web sea más fácil y agradable para todos.
¿Qué puedes hacer?
- Etiqueta tus menús claramente para que sean fácilmente navegables
- Ten los títulos correctos para categorías y subcategorías en los menús.
- Utiliza un cuadro de búsqueda dinámico para reducir el movimiento del usuario y facilitar la búsqueda
- Optimiza cada página de tu sitio con contenido enriquecido para posicionarse en las búsquedas de Google
- Elimina los errores 404 de tu página web
Funcionamiento
Un sitio web que funcione de manera eficiente consumirá menos energía y reducirá la cantidad de servidores que trabajan en él. Cualquier retraso, tiempo de inactividad o problema eventualmente ralentizará tu sitio web y consumirá más energía. Todos nos hemos enfrentado a problemas en los que un sitio tarda demasiado en cargarse o ciertas partes se cargan y otras no. Actualizar constantemente e intentar que el sitio web se abra es una falla de rendimiento y su mejor opción es reducir la velocidad de carga de la página mejorando el SEO y la UX.
¿Qué puedes hacer?
- Reducir la cantidad de redirecciones que tiene en su sitio
- Reducir la cantidad de complementos, ya que ralentizan todo el sitio.
- Realizar auditorías periódicas para evaluar el consumo de energía.
- Habilitar el almacenamiento en caché del navegador para que los usuarios no vuelvan a descargar páginas cada vez que visiten tu sitio web.
- Utilizar versiones simplificadas y de carga rápida de tu sitio web para visitantes móviles a través de páginas móviles aceleradas.
- Eliminar el JavaScript que bloquea la representación del sitio web para reducir el tiempo dedicado a ejecutar el script.
- Mejorar el tiempo de respuesta del servidor eliminando consultas lentas a la base de datos, enrutamiento lento, falta de memoria adecuada, etc.
- Utilizar HTTP/2 para enviar y recibir solicitudes y respuestas HTTP de forma asincrónica a través de una única conexión TCP.
- Utilizar la captación previa para recuperar recursos y datos relacionados antes de que sean necesarios.
- Comprimir el contenido antes de publicarlo en el sitio web.
Minimización
Minimización no es más que eliminar caracteres innecesarios de tu código para reducir el tamaño del archivo, aumentar la velocidad, mejorar la accesibilidad y crear una mejor experiencia para los usuarios. Estos incluyen espacios en blanco, saltos de línea, comentarios y delimitadores de bloques que son útiles para los humanos pero innecesarios para las máquinas. Minimizar no reducirá la velocidad de carga de su página a la mitad, pero seguramente contribuirá en gran medida a reducir el tiempo extra que se esté consumiendo.
¿Qué puedes hacer?
- Deshacerse del espaciado y los comentarios utilizados en el desarrollo.
- Cruzar los nombres de las variables para minimizar el código y reducir el tamaño del archivo.
- Utilizar una red de entrega de contenido (CDN) para minimizar automáticamente y reducir la carga de minimización manual.
- Utilizar herramientas de minimización para miles de líneas de código y evite errores manuales.
- Utilizar complementos de almacenamiento en caché que incluyan opciones de minimización siempre que sea posible
Tipografía o fuentes
Las fuentes web pueden mejorar el atractivo visual, pero añaden un peso de archivo significativo a los sitios web en los que se utilizan. Las fuentes web son un recurso adicional que los usuarios deben descargar cuando acceden a tu sitio, lo que aumenta la cantidad de tiempo de carga. Un único archivo de fuente podría tener hasta 250 kb, y eso es sólo para el peso estándar. La negrita y otros formatos de texto añaden peso adicional. Cuanto más grande sea el archivo, más energía se consumirá.
¿Qué puedes hacer?
- Utilizar fuentes del sistema como Arial y Times New Roman, que se pueden utilizar sin cargar ningún archivo de fuente, dado que ya se encuentran en el dispositivo del usuario.
- Utilizar menos variaciones de fuentes, como negrita y cursiva, para limitar la cantidad de pesos diferentes para cada tipo de letra.
- Utilizar recursos de fuentes de subconjunto para ofrecer sólo los caracteres necesarios para una página en particular.
- Consultar Google Analytics para identificar los navegadores y dispositivos más populares entre tus usuarios y utilizar formatos de fuente optimizados según esos navegadores.
- Utilizar local() para comprobar si una fuente ya está en el sistema del usuario para garantizar que no se realicen solicitudes HTTP adicionales.
Imágenes
Cualquier tienda en línea tiene el único propósito de vender algo a su usuario. Con innumerables sitios web, siempre existe la posibilidad de que dos sitios web vendan productos o servicios similares. Aquí la velocidad de carga de la página es lo que clasificará tu sitio web en una posición más alta en los resultados de búsqueda. Cuantas más imágenes haya en un sitio web, más datos deberán transferirse y más lento será. Cuanto más lento sea su sitio web, más energía utilizará. Independientemente de las optimizaciones técnicas, intente incorporar formas de reducir el consumo de energía:
¿Qué puedes hacer?
- Utilizar formatos de archivo eficientes para cada imagen, como WebP en lugar de JPEG.
- Reducir las imágenes que no son visibles para el usuario, como en carruseles
- Optimizar las imágenes del sitio web para reducir la carga.
- Utilizar lógica condicional para archivos de imagen de tamaño adecuado según el dispositivo del usuario.
- Mantener la resolución estándar para las imágenes.
- Utilizar métodos CSS3 para reemplazar imágenes con degradados y sombras para crear un efecto visualmente atractivo.
- Utilizar gráficos vectoriales o CSS para logotipos y áreas sombreadas.
Vídeos
Los videos son formas de contenido que requieren un uso mucho más intensivo de datos y procesamiento. A los usuarios web les encantan los vídeos de alta resolución, pero si tu sitio web no está lo suficientemente optimizado y se ralentiza debido a ellos, esto puede causar problemas de rendimiento. Estos problemas de rendimiento involucran aún más a más servidores, lo que a su vez consume más energía.
¿Qué puedes hacer?
- Intentar reducir la cantidad de video transmitido eliminando la reproducción automática de los videos.
- Mantener el contenido de video breve e identificable.
- Utilizar vídeos incrustados en lugar de ejecutarlos de forma nativa en tu sitio web.
- Utilizar herramientas de compresión de datos para reducir el tamaño de los archivos de vídeo sin degradar la calidad de la imagen.
- Convierta archivos de vídeo a formatos HTML5 como MP4 y WebM para reducir el tiempo de carga.
- Analizar si tu sitio web realmente necesita vídeos o no.
Backend
Se debe tener en cuenta los servidores en los que se ejecuta tu sitio web para garantizar las versiones más eficientes energéticamente. Si está utilizando servidores más antiguos, esto aumentará el tiempo de carga y, por lo tanto, aumentará el uso de energía.
¿Qué puedes hacer?
- Explorar versiones más nuevas de PHP que no sólo son más rápidas sino que también utilizan menos recursos del servidor y, por lo tanto, menos energía.
- Utilizar servidores como Node y Ruby para reducir nuestro consumo energético en las páginas web.
- Explorar servidores privados virtuales que ofrecen alojamiento, almacenamiento, informática y otras soluciones para que las empresas en línea optimicen los sitios web.
La energía en todas sus formas es uno de los aspectos más importantes de la vida humana. Es lo que nos impulsa. Es hora de que demos un paso adelante y asumamos la responsabilidad de nuestro trabajo. Es hora de que dejemos de lado las viejas formas de trabajar y evolucionemos con las necesidades del momento. El consumo de energía es la única forma de avanzar y reducir nuestra huella de carbono. Cuanto más ecológico sea tu sitio web, mejor para vos y para tu entorno, a largo plazo verás tus esfuerzos.
Texto en inglés: https://marmeto.com/blogs/e-commerce/tips-to-reduce-energy-consumption-on-webpages
