Selon le format, la taille et la quantité d’images sur une page, celle-ci peut s’avérer très lourde et donc demander plus d’énergie au chargement. Pour limiter cet impact, laissez les images inutiles et privilégiez celles qui sont importantes sur votre site comme un logo ou une photo d’équipe par exemple.
Ensuite, il en convient de choisir le format des images. Selon l’utilisation de celles-ci, différents formats peuvent être intéressants : le format GIF est léger et peut être très utile pour une image animée, en alternative à un format vidéo. Les formats PNG et JPEG ont été conçus spécialement pour le web et sont donc légers. En JPEG il y a la possibilité de compresser plus ou moins l’image, celle-ci peut donc être moins lourde au chargement. De même, le format SVG peut être une bonne alternative pour des icônes car celui-ci peut être plus léger qu’une image. Cela dépend des cas.
Il est aussi important de gérer la taille des images du site. En effet, importer une image de 500x500px pour la réduire à 200px à partir du code demande de l’énergie au navigateur qui doit faire ce réglage. Le plus simple et écologique est donc de réduire la taille de votre image au préalable en passant par des logiciels offline spécialisés comme Photoshop.
[…] La fabrication du produit est la phase de conception et de développement du site. C’est d’abord la réflexion UX sur l’arborescence du site, le choix des pages, du contenu et du design. Pour le développement du site c’est donc le choix des différents langages utilisés et l’optimisation du code. C’est là aussi que vient la décision d’utiliser un CMS ou non. Beaucoup d’actions et de décisions lors de cette phase auront un impact sur l’efficience environnementale du site web. Ce qu’il faut retenir pendant cette conception est que la simplicité paie, que ce soit pour le référencement du site, pour sa rapidité, pour l’expérience utilisateur ou pour son impact environnemental. Il y a beaucoup de choses à dire sur cette phase, je vous invite donc à aller voir cet article. […]
[…] label écologique dans votre footer. Pour trouver un hébergement vert, je vous invite à consulter cet article dans lequel j’en cite […]
[…] utilisées sur tout type d’appareils électronique. Pour cela, le premier pas à faire est d’éco-concevoir sa technologie. Plus celle-ci sera frugale et sobre, plus elle pourra s’appliquer à des appareils plus […]
[…] piste pour un numérique low tech : l’éco-conception web et logicielle. Toute aussi frugale et plus accessible, l’initiative peut rentrer dans une […]
[…] doivent être conçus de manière écologique. Je détaille plus le sujet (pour les sites web) dans cet article. De nombreuses ressources sont disponibles pour aider à faire le premier pas […]
[…] conclusion, le choix d’un hébergement web écologique est le premier pas vers une écoconception web. Réduire l’impact environnemental du numérique passe aussi par l’hébergement plus […]
[…] Beaucoup d’outils existent pour mesurer les performances et l’impact de son site. Ici, sont présentés les outils utiles à l’éco-conception web ainsi que ceux qui mesurent l’impact environnemental d’un site et proposent des axes d’améliorations. Pour voir plus en détails comment éco-concevoir un site web, je vous invite à lire cet article. […]
[…] pu aborder l’écoconception de sites web, pour avoir une introduction au sujet, je vous conseille cet article.Lors d’un design d’interface, l’impact sera créé selon le nombre de lignes de code […]
[…] lisant l’article « Comment éco-concevoir un site web« , du blog « Le bon digital », j’ai vite compris que la clé d’un site web écologique, […]