29. Optimiser les fichiers multimédias
Pourquoi est-ce important ?
Les fichiers multimédias volumineux occupent plus d'espace de stockage et nécessitent plus d'énergie lors du transfert de données. En effet, plus le fichier est volumineux, plus la quantité de données à transférer est importante, ce qui consomme plus d'énergie. De plus, les centres de données qui stockent et gèrent ces fichiers nécessitent plus d'électricité pour fonctionner et refroidir les serveurs.
Outre les décisions prises par les concepteurs ou les chefs de produit concernant l'utilisation du multimédia, s'il a été décidé que les médias apportent une valeur ajoutée, il existe encore des moyens de réduire considérablement la taille des fichiers affichés.
Que puis-je faire ?
-
Compressez les fichiers pour réduire leur taille sans perte notable de qualité.
-
Utilisez des images vectorielles (SVG) ou des illustrations.
-
Utilisez des CSS, des pictogrammes et des icônes (fournis par des polices Web ou des polices standard) plutôt que des formats GIF, PNG, JPEG, etc. Si cela n'est pas possible, envisagez les formats WebP ou Avif comme meilleures options d'image.
-
Redimensionnez les images à l'aide d'un CMS ou manuellement (pas dans le navigateur) afin de réduire leur taille et de les fournir dans la taille appropriée pour chaque appareil
-
Collaborez avec l'équipe de développement pour mettre en place un flux de travail d'optimisation automatique lors du téléchargement, qui inclut le redimensionnement, la compression et la conversion des images
-
Combinez les fichiers CSS afin de réduire le nombre de requêtes HTTP
Éléments à prendre en considération
-
🧑💰 Utilisation efficace des centres de données et des serveurs pour des opérations plus écologiques
-
🧑 Performances optimisées des produits, illustrées par des temps de chargement plus rapides
-
💰 Optimisation conduisant à une réduction des dépenses liées au cloud
À quoi ressemble le succès ?
Nous recommandons d'effectuer des tests sur plusieurs appareils et à différentes vitesses de connexion afin de trouver le juste équilibre entre qualité et réduction de taille. Cela permet de s'assurer que l'initiative n'a pas d'impact négatif sur l'expérience utilisateur, car des problèmes de compatibilité peuvent survenir lors de tests sur des navigateurs, des appareils et des systèmes d'exploitation plus anciens.
De nouvelles pratiques et expériences, telles que Magazine Branch , montrent comment optimiser les médias. Branch modifie son style et ses images en fonction de la propreté de l'énergie au Royaume-Uni à un moment donné.