| Prochaine révision | Révision précédente |
| info:ecoconception [2025/09/26 06:17] – créée radeff | info:ecoconception [2025/10/16 04:12] (Version actuelle) – radeff |
|---|
| ====== écoconception numérique ====== | ====== écoconception numérique ====== |
| L'écoconception - ou éco-conception - web, c’est un peu comme faire un régime pour son site internet, mais sans le côté frustrant où on supprime le fromage. L'idée, c'est de se demander si chaque ligne de code, chaque image haute-définition de chaton trop mignon, et chaque police exotique qui pèse deux tonnes sont vraiment indispensables. On passe le site à la moulinette pour qu'il consomme moins d'énergie, un peu comme si on éteignait les lumières en quittant une pièce, mais pour serveurs. Résultat : un site plus rapide, moins gourmand en //data//, et qui fait un petit clin d'œil à la planète. | L'écoconception - ou éco-conception - web, c’est un peu comme faire un régime pour son site internet, mais sans le côté frustrant où on supprime le fromage. |
| | |
| | L'idée, c'est de se demander si chaque image haute-définition de chaton trop mignon, et chaque police exotique qui pèse deux tonnes sont vraiment indispensables. |
| | < |
| | On passe le site à la moulinette pour qu'il consomme moins d'énergie, un peu comme si on éteignait les lumières en quittant une pièce, mais pour serveurs. |
| | |
| | Résultat : un site plus rapide, moins gourmand en //data//, et qui fait un petit clin d'œil à la planète. |
| |
| C'est bon pour l'utilisateur, qui n'a pas le temps de prendre sa retraite en attendant qu'une page se charge, et bon pour la facture d'électricité de la Terre. | C'est bon pour l'utilisateur, qui n'a pas le temps de prendre sa retraite en attendant qu'une page se charge, et bon pour la facture d'électricité de la Terre. |
| C'est accessoirement aussi très bon pour le référencement, et souvent synonyme d'accessibilité et d'[[ergonomie|ergonomie]] accrue. | C'est accessoirement aussi très bon pour le référencement, et souvent synonyme d'accessibilité et d'[[ergonomie|ergonomie]] accrue. |
| |
| Quelques pistes & outils | //Quelques pistes & outils// |
| | ====== outils ====== |
| |
| ===== ecoindex ===== | ===== ecoindex ===== |
| |
| https://wave.webaim.org/ | https://wave.webaim.org/ |
| | |
| | ===== Speed / vitesse ===== |
| | ==== pagespeed ==== |
| | https://pagespeed.web.dev/ |
| | ==== gtmetrix ==== |
| | How fast does your website load? |
| | Find out with GTmetrix |
| | |
| | http://gtmetrix.com/ |
| | |
| | ====== Références ====== |
| | |
| |
| ===== Évaluer l’accessibilité Web – Vue d’ensemble (w3C) ===== | ===== Évaluer l’accessibilité Web – Vue d’ensemble (w3C) ===== |
| |
| |
| | {{tag>ergonomie accessibilité navigation seo}} |