29. Optimiza archivos multimedia
¿Por qué es importante?
Los archivos multimedia de gran tamaño ocupan más espacio de almacenamiento y requieren más energía durante la transferencia de datos. Esto se debe a que cuanto mayor es el archivo, más datos hay que transferir, lo que consume más energía. Además, los centros de datos que almacenan y gestionan estos archivos requieren más electricidad para funcionar y refrigerar los servidores.
Además de las decisiones tomadas por los diseñadores o los gestores de productos sobre el uso de multimedia, si se ha decidido que los medios añaden valor, todavía hay formas de reducir significativamente el tamaño de los archivos que se muestran.
¿Qué puedo hacer?
-
Comprime archivos para reducir su tamaño sin una pérdida notable de calidad.
-
Utiliza imágenes vectoriales (SVG) o ilustraciones.
-
Utiliza CSS, pictogramas e iconos (proporcionados por fuentes web o fuentes estándar) en lugar de GIF, PNG, JPEG, etc. Si no es posible, considera WebP o Avif como mejores opciones de imagen.
-
Cambia el tamaño de las imágenes utilizando un CMS o manualmente (no en el navegador) para reducir su tamaño y entregarlas con el tamaño adecuado para cada dispositivo.
-
Colabora con el equipo de desarrollo para implementar un flujo de trabajo de optimización automática al cargarlas que incluya el cambio de tamaño, la compresión y la conversión de imágenes.
-
Combina los archivos CSS para reducir el número de solicitudes HTTP.
Aspectos a tener en cuenta
-
🧑💰 Utilización eficiente de los centros de datos y servidores para operaciones más ecológicas.
-
🧑 Rendimiento optimizado del producto, ejemplificado por tiempos de carga más rápidos.
-
💰 Optimización que conduce a una reducción del gasto en la nube.
¿Cómo se ve el éxito?
Recomendamos realizar pruebas en varios dispositivos y velocidades de conexión para identificar el equilibrio adecuado entre calidad y reducción de tamaño. Esto garantiza que la iniciativa no afecte negativamente a la experiencia del usuario, ya que es posible que se produzcan problemas de compatibilidad al realizar pruebas en navegadores, dispositivos y sistemas operativos antiguos.
Las nuevas prácticas y experimentos, como Revista Branch , demuestran cómo optimizar los medios. Branch cambia su estilo e imágenes en función de la limpieza de la energía en el Reino Unido en un momento dado.