[{"data":1,"prerenderedAt":1655},["ShallowReactive",2],{"article-comment-reduire-le-poids-d-un-site-web":3,"surround-comment-reduire-le-poids-d-un-site-web":1651},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"chapo":9,"tag":10,"seo":15,"date":21,"updatedAt":21,"temps":22,"body":23,"_type":1645,"_id":1646,"_source":1647,"_file":1648,"_stem":1649,"_extension":1650},"/articles/comment-reduire-le-poids-d-un-site-web","articles",false,"","Comment réduire le poids d'un site web","Réduire le poids d'un site web ne consiste pas seulement à compresser quelques images. C'est une démarche globale qui touche les contenus, le design, le code, les dépendances et la maintenance.",[11,12,13,14],"Éco-conception","Performance","WebDesign","SEO",{"title":16,"description":17},"Réduire le poids d'un site web : méthode complète | BeAbot",{"Méthode concrète pour alléger une page web":18,"ogImage":19,"robots":20},"images, CSS, JavaScript, polices, ressources tierces, WordPress et bonnes pratiques d'éco-conception.","/beabot.png","index,follow","2026-04-26",7,{"type":24,"children":25,"toc":1631},"root",[26,34,39,55,60,67,72,85,130,144,156,162,167,177,182,187,192,197,203,208,213,231,236,241,309,314,585,599,605,610,615,620,646,651,744,749,763,769,774,779,784,822,827,878,889,901,907,912,917,950,955,1027,1032,1077,1082,1088,1093,1098,1103,1131,1136,1141,1147,1152,1190,1195,1228,1242,1248,1253,1258,1291,1296,1301,1450,1455,1461,1466,1471,1476,1509,1514,1520,1525,1578,1583,1589,1594,1599,1604,1625],{"type":27,"tag":28,"props":29,"children":30},"element","p",{},[31],{"type":32,"value":33},"text","En 2024, la page web médiane pesait plus de 2 Mo. C'est trois fois plus qu'en 2012 — pour souvent moins de contenu utile.",{"type":27,"tag":28,"props":35,"children":36},{},[37],{"type":32,"value":38},"Cette inflation ne vient pas d'une décision consciente. Elle vient de l'empilement : un plugin par-ci, une police externe par-là, un script de tracking ajouté sans vraiment y penser. Aucun de ces choix n'est catastrophique pris séparément. Ensemble, ils font un site lent, coûteux à maintenir et inutilement énergivore.",{"type":27,"tag":28,"props":40,"children":41},{},[42,44,53],{"type":32,"value":43},"Dans une démarche d'",{"type":27,"tag":45,"props":46,"children":50},"a",{"href":47,"className":48},"/eco-conception/l-eco-conception-web/",[49],"lien--vert",[51],{"type":32,"value":52},"éco-conception web",{"type":32,"value":54},", le poids d'une page n'est pas seulement un indicateur technique. Il traduit une série de choix : ce qu'on affiche, ce qu'on charge, ce qu'on exécute, ce qu'on impose au terminal de l'utilisateur.",{"type":27,"tag":28,"props":56,"children":57},{},[58],{"type":32,"value":59},"Un site plus léger est généralement plus rapide, plus accessible, plus facile à maintenir et mieux compris par les moteurs de recherche. C'est l'un des rares sujets où l'intérêt environnemental, l'expérience utilisateur et le SEO vont franchement dans le même sens.",{"type":27,"tag":61,"props":62,"children":64},"h2",{"id":63},"commencer-par-mesurer",[65],{"type":32,"value":66},"Commencer par mesurer",{"type":27,"tag":28,"props":68,"children":69},{},[70],{"type":32,"value":71},"Avant de réduire le poids d'un site, il faut savoir ce qui pèse.",{"type":27,"tag":28,"props":73,"children":74},{},[75,77,83],{"type":32,"value":76},"La première étape consiste à ouvrir les outils de développement du navigateur, onglet ",{"type":27,"tag":78,"props":79,"children":80},"strong",{},[81],{"type":32,"value":82},"Network",{"type":32,"value":84},", désactiver le cache, puis recharger la page. On obtient alors une vision assez honnête de ce que le site demande réellement :",{"type":27,"tag":86,"props":87,"children":88},"ul",{},[89,95,100,105,110,115,120,125],{"type":27,"tag":90,"props":91,"children":92},"li",{},[93],{"type":32,"value":94},"le nombre de requêtes HTTP ;",{"type":27,"tag":90,"props":96,"children":97},{},[98],{"type":32,"value":99},"le poids total transféré ;",{"type":27,"tag":90,"props":101,"children":102},{},[103],{"type":32,"value":104},"le poids des images ;",{"type":27,"tag":90,"props":106,"children":107},{},[108],{"type":32,"value":109},"le poids du JavaScript ;",{"type":27,"tag":90,"props":111,"children":112},{},[113],{"type":32,"value":114},"le poids des CSS ;",{"type":27,"tag":90,"props":116,"children":117},{},[118],{"type":32,"value":119},"les polices chargées ;",{"type":27,"tag":90,"props":121,"children":122},{},[123],{"type":32,"value":124},"les ressources tierces ;",{"type":27,"tag":90,"props":126,"children":127},{},[128],{"type":32,"value":129},"les fichiers inutilisés.",{"type":27,"tag":28,"props":131,"children":132},{},[133,135,142],{"type":32,"value":134},"Cette étape rejoint ce que je détaille dans l'article ",{"type":27,"tag":45,"props":136,"children":139},{"href":137,"className":138},"/eco-conception/audit-eco-conception/",[49],[140],{"type":32,"value":141},"Audit éco-conception web : par où commencer",{"type":32,"value":143},". Sans mesure initiale, on travaille à l'aveugle. On risque de passer du temps sur des détails alors que les vrais problèmes sont ailleurs.",{"type":27,"tag":28,"props":145,"children":146},{},[147,149,154],{"type":32,"value":148},"Un objectif raisonnable pour une page éditoriale simple : rester sous ",{"type":27,"tag":78,"props":150,"children":151},{},[152],{"type":32,"value":153},"1 Mo",{"type":32,"value":155},", viser quelques centaines de kilo-octets lorsque c'est possible, et surtout limiter le nombre de requêtes.",{"type":27,"tag":61,"props":157,"children":159},{"id":158},"supprimer-avant-doptimiser",[160],{"type":32,"value":161},"Supprimer avant d'optimiser",{"type":27,"tag":28,"props":163,"children":164},{},[165],{"type":32,"value":166},"La meilleure ressource est celle qu'on ne charge pas.",{"type":27,"tag":28,"props":168,"children":169},{},[170,172],{"type":32,"value":171},"Avant de compresser, concaténer ou différer, il faut poser une question plus simple : ",{"type":27,"tag":78,"props":173,"children":174},{},[175],{"type":32,"value":176},"est-ce utile ?",{"type":27,"tag":28,"props":178,"children":179},{},[180],{"type":32,"value":181},"Quelques exemples concrets : un carrousel demande du JavaScript, des images supplémentaires et nuit à l'accessibilité. Une vidéo en hero peut peser plusieurs mégaoctets pour un contenu que personne ne regarde jusqu'au bout. Un script de tracking tiers ouvre une connexion vers un domaine externe à chaque visite. Une animation CSS légère peut souvent remplacer une bibliothèque JavaScript entière.",{"type":27,"tag":28,"props":183,"children":184},{},[185],{"type":32,"value":186},"La question n'est pas \"peut-on se permettre d'ajouter ça ?\" mais \"qu'est-ce qu'on perd si on ne l'ajoute pas ?\".",{"type":27,"tag":28,"props":188,"children":189},{},[190],{"type":32,"value":191},"L'éco-conception ne consiste pas à appauvrir l'interface. Elle consiste à accorder les moyens employés avec l'objectif du site. C'est une logique de sobriété fonctionnelle : conserver ce qui sert réellement l'utilisateur, supprimer le reste.",{"type":27,"tag":28,"props":193,"children":194},{},[195],{"type":32,"value":196},"Cette réflexion doit intervenir dès le design. Une page pensée simplement sera toujours plus facile à alléger qu'une page trop ambitieuse qu'on essaie ensuite de corriger techniquement.",{"type":27,"tag":61,"props":198,"children":200},{"id":199},"maîtriser-les-images",[201],{"type":32,"value":202},"Maîtriser les images",{"type":27,"tag":28,"props":204,"children":205},{},[206],{"type":32,"value":207},"Les images sont souvent le premier poste de poids d'une page web.",{"type":27,"tag":28,"props":209,"children":210},{},[211],{"type":32,"value":212},"Elles posent trois problèmes :",{"type":27,"tag":86,"props":214,"children":215},{},[216,221,226],{"type":27,"tag":90,"props":217,"children":218},{},[219],{"type":32,"value":220},"elles pèsent lourd ;",{"type":27,"tag":90,"props":222,"children":223},{},[224],{"type":32,"value":225},"elles multiplient les requêtes ;",{"type":27,"tag":90,"props":227,"children":228},{},[229],{"type":32,"value":230},"elles peuvent bloquer ou ralentir l'affichage initial.",{"type":27,"tag":28,"props":232,"children":233},{},[234],{"type":32,"value":235},"La première règle est triviale : ne pas envoyer une image de 3000 pixels si elle s'affiche en 800 pixels. Le navigateur saura la réduire visuellement, mais l'utilisateur aura quand même téléchargé le fichier complet.",{"type":27,"tag":28,"props":237,"children":238},{},[239],{"type":32,"value":240},"Les bonnes pratiques de base :",{"type":27,"tag":86,"props":242,"children":243},{},[244,249,254,259,264,269,291,304],{"type":27,"tag":90,"props":245,"children":246},{},[247],{"type":32,"value":248},"redimensionner les images avant intégration ;",{"type":27,"tag":90,"props":250,"children":251},{},[252],{"type":32,"value":253},"utiliser WebP ou AVIF quand c'est possible ;",{"type":27,"tag":90,"props":255,"children":256},{},[257],{"type":32,"value":258},"conserver JPEG pour les cas de compatibilité ;",{"type":27,"tag":90,"props":260,"children":261},{},[262],{"type":32,"value":263},"réserver PNG aux besoins réels de transparence ;",{"type":27,"tag":90,"props":265,"children":266},{},[267],{"type":32,"value":268},"utiliser SVG pour les logos, pictogrammes et illustrations simples ;",{"type":27,"tag":90,"props":270,"children":271},{},[272,274,281,283,289],{"type":32,"value":273},"ajouter ",{"type":27,"tag":275,"props":276,"children":278},"code",{"className":277},[],[279],{"type":32,"value":280},"width",{"type":32,"value":282}," et ",{"type":27,"tag":275,"props":284,"children":286},{"className":285},[],[287],{"type":32,"value":288},"height",{"type":32,"value":290}," pour éviter les décalages de mise en page ;",{"type":27,"tag":90,"props":292,"children":293},{},[294,296,302],{"type":32,"value":295},"utiliser ",{"type":27,"tag":275,"props":297,"children":299},{"className":298},[],[300],{"type":32,"value":301},"loading=\"lazy\"",{"type":32,"value":303}," pour les images hors écran ;",{"type":27,"tag":90,"props":305,"children":306},{},[307],{"type":32,"value":308},"ne pas appliquer le lazy loading à l'image principale de la page.",{"type":27,"tag":28,"props":310,"children":311},{},[312],{"type":32,"value":313},"Exemple simple :",{"type":27,"tag":315,"props":316,"children":320},"pre",{"className":317,"code":318,"language":319,"meta":7,"style":7},"language-html shiki shiki-themes dark-plus","\u003Cpicture>\n  \u003Csource srcset=\"/img/article.avif\" type=\"image/avif\">\n  \u003Csource srcset=\"/img/article.webp\" type=\"image/webp\">\n  \u003Cimg\n    src=\"/img/article.jpg\"\n    alt=\"Description utile de l'image\"\n    width=\"800\"\n    height=\"450\"\n    loading=\"lazy\"\n    decoding=\"async\"\n  >\n\u003C/picture>\n","html",[321],{"type":27,"tag":275,"props":322,"children":323},{"__ignoreMap":7},[324,347,397,439,452,470,488,505,523,541,559,568],{"type":27,"tag":325,"props":326,"children":329},"span",{"class":327,"line":328},"line",1,[330,336,342],{"type":27,"tag":325,"props":331,"children":333},{"style":332},"--shiki-default:#808080",[334],{"type":32,"value":335},"\u003C",{"type":27,"tag":325,"props":337,"children":339},{"style":338},"--shiki-default:#569CD6",[340],{"type":32,"value":341},"picture",{"type":27,"tag":325,"props":343,"children":344},{"style":332},[345],{"type":32,"value":346},">\n",{"type":27,"tag":325,"props":348,"children":350},{"class":327,"line":349},2,[351,356,361,367,373,379,384,388,393],{"type":27,"tag":325,"props":352,"children":353},{"style":332},[354],{"type":32,"value":355},"  \u003C",{"type":27,"tag":325,"props":357,"children":358},{"style":338},[359],{"type":32,"value":360},"source",{"type":27,"tag":325,"props":362,"children":364},{"style":363},"--shiki-default:#9CDCFE",[365],{"type":32,"value":366}," srcset",{"type":27,"tag":325,"props":368,"children":370},{"style":369},"--shiki-default:#D4D4D4",[371],{"type":32,"value":372},"=",{"type":27,"tag":325,"props":374,"children":376},{"style":375},"--shiki-default:#CE9178",[377],{"type":32,"value":378},"\"/img/article.avif\"",{"type":27,"tag":325,"props":380,"children":381},{"style":363},[382],{"type":32,"value":383}," type",{"type":27,"tag":325,"props":385,"children":386},{"style":369},[387],{"type":32,"value":372},{"type":27,"tag":325,"props":389,"children":390},{"style":375},[391],{"type":32,"value":392},"\"image/avif\"",{"type":27,"tag":325,"props":394,"children":395},{"style":332},[396],{"type":32,"value":346},{"type":27,"tag":325,"props":398,"children":400},{"class":327,"line":399},3,[401,405,409,413,417,422,426,430,435],{"type":27,"tag":325,"props":402,"children":403},{"style":332},[404],{"type":32,"value":355},{"type":27,"tag":325,"props":406,"children":407},{"style":338},[408],{"type":32,"value":360},{"type":27,"tag":325,"props":410,"children":411},{"style":363},[412],{"type":32,"value":366},{"type":27,"tag":325,"props":414,"children":415},{"style":369},[416],{"type":32,"value":372},{"type":27,"tag":325,"props":418,"children":419},{"style":375},[420],{"type":32,"value":421},"\"/img/article.webp\"",{"type":27,"tag":325,"props":423,"children":424},{"style":363},[425],{"type":32,"value":383},{"type":27,"tag":325,"props":427,"children":428},{"style":369},[429],{"type":32,"value":372},{"type":27,"tag":325,"props":431,"children":432},{"style":375},[433],{"type":32,"value":434},"\"image/webp\"",{"type":27,"tag":325,"props":436,"children":437},{"style":332},[438],{"type":32,"value":346},{"type":27,"tag":325,"props":440,"children":442},{"class":327,"line":441},4,[443,447],{"type":27,"tag":325,"props":444,"children":445},{"style":332},[446],{"type":32,"value":355},{"type":27,"tag":325,"props":448,"children":449},{"style":338},[450],{"type":32,"value":451},"img\n",{"type":27,"tag":325,"props":453,"children":455},{"class":327,"line":454},5,[456,461,465],{"type":27,"tag":325,"props":457,"children":458},{"style":363},[459],{"type":32,"value":460},"    src",{"type":27,"tag":325,"props":462,"children":463},{"style":369},[464],{"type":32,"value":372},{"type":27,"tag":325,"props":466,"children":467},{"style":375},[468],{"type":32,"value":469},"\"/img/article.jpg\"\n",{"type":27,"tag":325,"props":471,"children":473},{"class":327,"line":472},6,[474,479,483],{"type":27,"tag":325,"props":475,"children":476},{"style":363},[477],{"type":32,"value":478},"    alt",{"type":27,"tag":325,"props":480,"children":481},{"style":369},[482],{"type":32,"value":372},{"type":27,"tag":325,"props":484,"children":485},{"style":375},[486],{"type":32,"value":487},"\"Description utile de l'image\"\n",{"type":27,"tag":325,"props":489,"children":490},{"class":327,"line":22},[491,496,500],{"type":27,"tag":325,"props":492,"children":493},{"style":363},[494],{"type":32,"value":495},"    width",{"type":27,"tag":325,"props":497,"children":498},{"style":369},[499],{"type":32,"value":372},{"type":27,"tag":325,"props":501,"children":502},{"style":375},[503],{"type":32,"value":504},"\"800\"\n",{"type":27,"tag":325,"props":506,"children":508},{"class":327,"line":507},8,[509,514,518],{"type":27,"tag":325,"props":510,"children":511},{"style":363},[512],{"type":32,"value":513},"    height",{"type":27,"tag":325,"props":515,"children":516},{"style":369},[517],{"type":32,"value":372},{"type":27,"tag":325,"props":519,"children":520},{"style":375},[521],{"type":32,"value":522},"\"450\"\n",{"type":27,"tag":325,"props":524,"children":526},{"class":327,"line":525},9,[527,532,536],{"type":27,"tag":325,"props":528,"children":529},{"style":363},[530],{"type":32,"value":531},"    loading",{"type":27,"tag":325,"props":533,"children":534},{"style":369},[535],{"type":32,"value":372},{"type":27,"tag":325,"props":537,"children":538},{"style":375},[539],{"type":32,"value":540},"\"lazy\"\n",{"type":27,"tag":325,"props":542,"children":544},{"class":327,"line":543},10,[545,550,554],{"type":27,"tag":325,"props":546,"children":547},{"style":363},[548],{"type":32,"value":549},"    decoding",{"type":27,"tag":325,"props":551,"children":552},{"style":369},[553],{"type":32,"value":372},{"type":27,"tag":325,"props":555,"children":556},{"style":375},[557],{"type":32,"value":558},"\"async\"\n",{"type":27,"tag":325,"props":560,"children":562},{"class":327,"line":561},11,[563],{"type":27,"tag":325,"props":564,"children":565},{"style":332},[566],{"type":32,"value":567},"  >\n",{"type":27,"tag":325,"props":569,"children":571},{"class":327,"line":570},12,[572,577,581],{"type":27,"tag":325,"props":573,"children":574},{"style":332},[575],{"type":32,"value":576},"\u003C/",{"type":27,"tag":325,"props":578,"children":579},{"style":338},[580],{"type":32,"value":341},{"type":27,"tag":325,"props":582,"children":583},{"style":332},[584],{"type":32,"value":346},{"type":27,"tag":28,"props":586,"children":587},{},[588,590,597],{"type":32,"value":589},"J'ai détaillé ce sujet dans ",{"type":27,"tag":45,"props":591,"children":594},{"href":592,"className":593},"/eco-conception/images-eco-conception/",[49],[595],{"type":32,"value":596},"Images et éco-conception web",{"type":32,"value":598},". C'est généralement le chantier le plus rentable lorsqu'on veut alléger rapidement un site existant.",{"type":27,"tag":61,"props":600,"children":602},{"id":601},"limiter-les-polices-web",[603],{"type":32,"value":604},"Limiter les polices web",{"type":27,"tag":28,"props":606,"children":607},{},[608],{"type":32,"value":609},"Les polices web sont souvent oubliées dans les audits rapides. Pourtant, elles ajoutent des fichiers, des requêtes et parfois des appels à des domaines tiers.",{"type":27,"tag":28,"props":611,"children":612},{},[613],{"type":32,"value":614},"Une famille typographique avec plusieurs graisses peut vite représenter plusieurs centaines de kilo-octets. Et dans beaucoup de cas, elle n'apporte pas une valeur proportionnelle à son coût.",{"type":27,"tag":28,"props":616,"children":617},{},[618],{"type":32,"value":619},"Trois approches sont possibles :",{"type":27,"tag":621,"props":622,"children":623},"ol",{},[624,636,641],{"type":27,"tag":90,"props":625,"children":626},{},[627,629,634],{"type":32,"value":628},"utiliser une ",{"type":27,"tag":78,"props":630,"children":631},{},[632],{"type":32,"value":633},"system font stack",{"type":32,"value":635}," ;",{"type":27,"tag":90,"props":637,"children":638},{},[639],{"type":32,"value":640},"charger une seule police avec un nombre réduit de graisses ;",{"type":27,"tag":90,"props":642,"children":643},{},[644],{"type":32,"value":645},"sous-ensemble les polices pour ne garder que les caractères nécessaires.",{"type":27,"tag":28,"props":647,"children":648},{},[649],{"type":32,"value":650},"La solution la plus sobre reste l'utilisation des polices système :",{"type":27,"tag":315,"props":652,"children":656},{"className":653,"code":654,"language":655,"meta":7,"style":7},"language-css shiki shiki-themes dark-plus","body {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n}\n","css",[657],{"type":27,"tag":275,"props":658,"children":659},{"__ignoreMap":7},[660,674,736],{"type":27,"tag":325,"props":661,"children":662},{"class":327,"line":328},[663,669],{"type":27,"tag":325,"props":664,"children":666},{"style":665},"--shiki-default:#D7BA7D",[667],{"type":32,"value":668},"body",{"type":27,"tag":325,"props":670,"children":671},{"style":369},[672],{"type":32,"value":673}," {\n",{"type":27,"tag":325,"props":675,"children":676},{"class":327,"line":349},[677,682,687,692,697,702,707,712,717,722,726,731],{"type":27,"tag":325,"props":678,"children":679},{"style":363},[680],{"type":32,"value":681},"  font-family",{"type":27,"tag":325,"props":683,"children":684},{"style":369},[685],{"type":32,"value":686},": ",{"type":27,"tag":325,"props":688,"children":689},{"style":375},[690],{"type":32,"value":691},"system-ui",{"type":27,"tag":325,"props":693,"children":694},{"style":369},[695],{"type":32,"value":696},", -apple-system, BlinkMacSystemFont, ",{"type":27,"tag":325,"props":698,"children":699},{"style":375},[700],{"type":32,"value":701},"\"Segoe UI\"",{"type":27,"tag":325,"props":703,"children":704},{"style":369},[705],{"type":32,"value":706},", Roboto, Ubuntu, ",{"type":27,"tag":325,"props":708,"children":709},{"style":375},[710],{"type":32,"value":711},"\"Helvetica Neue\"",{"type":27,"tag":325,"props":713,"children":714},{"style":369},[715],{"type":32,"value":716},", ",{"type":27,"tag":325,"props":718,"children":719},{"style":375},[720],{"type":32,"value":721},"Arial",{"type":27,"tag":325,"props":723,"children":724},{"style":369},[725],{"type":32,"value":716},{"type":27,"tag":325,"props":727,"children":728},{"style":375},[729],{"type":32,"value":730},"sans-serif",{"type":27,"tag":325,"props":732,"children":733},{"style":369},[734],{"type":32,"value":735},";\n",{"type":27,"tag":325,"props":737,"children":738},{"class":327,"line":399},[739],{"type":27,"tag":325,"props":740,"children":741},{"style":369},[742],{"type":32,"value":743},"}\n",{"type":27,"tag":28,"props":745,"children":746},{},[747],{"type":32,"value":748},"Cela ne veut pas dire renoncer au design. Une bonne hiérarchie typographique, des espacements maîtrisés, des tailles cohérentes et un bon rythme vertical produisent souvent un meilleur résultat qu'une police externe mal utilisée.",{"type":27,"tag":28,"props":750,"children":751},{},[752,754,761],{"type":32,"value":753},"Pour aller plus loin, voir ",{"type":27,"tag":45,"props":755,"children":758},{"href":756,"className":757},"/eco-conception/typographie-ecoconception/",[49],[759],{"type":32,"value":760},"Typographie et éco-conception",{"type":32,"value":762},".",{"type":27,"tag":61,"props":764,"children":766},{"id":765},"réduire-le-javascript",[767],{"type":32,"value":768},"Réduire le JavaScript",{"type":27,"tag":28,"props":770,"children":771},{},[772],{"type":32,"value":773},"Le JavaScript coûte cher. Il doit être téléchargé, analysé, compilé puis exécuté. Sur un ordinateur récent, cela peut passer inaperçu. Sur un téléphone ancien ou une connexion médiocre, cela devient visible.",{"type":27,"tag":28,"props":775,"children":776},{},[777],{"type":32,"value":778},"Réduire le poids d'un site, c'est donc réduire la quantité de JavaScript envoyée au navigateur.",{"type":27,"tag":28,"props":780,"children":781},{},[782],{"type":32,"value":783},"Quelques principes simples :",{"type":27,"tag":86,"props":785,"children":786},{},[787,792,797,802,807,812,817],{"type":27,"tag":90,"props":788,"children":789},{},[790],{"type":32,"value":791},"ne pas charger une bibliothèque pour quelques lignes de code ;",{"type":27,"tag":90,"props":793,"children":794},{},[795],{"type":32,"value":796},"supprimer les dépendances inutilisées ;",{"type":27,"tag":90,"props":798,"children":799},{},[800],{"type":32,"value":801},"fractionner le code par page ou par composant ;",{"type":27,"tag":90,"props":803,"children":804},{},[805],{"type":32,"value":806},"différer les scripts non critiques ;",{"type":27,"tag":90,"props":808,"children":809},{},[810],{"type":32,"value":811},"éviter les animations JavaScript lorsque CSS suffit ;",{"type":27,"tag":90,"props":813,"children":814},{},[815],{"type":32,"value":816},"limiter les scripts tiers ;",{"type":27,"tag":90,"props":818,"children":819},{},[820],{"type":32,"value":821},"tester le site sur un terminal modeste, pas seulement sur une machine de développement confortable.",{"type":27,"tag":28,"props":823,"children":824},{},[825],{"type":32,"value":826},"Exemple :",{"type":27,"tag":315,"props":828,"children":830},{"className":317,"code":829,"language":319,"meta":7,"style":7},"\u003Cscript src=\"/js/main.js\" defer>\u003C/script>\n",[831],{"type":27,"tag":275,"props":832,"children":833},{"__ignoreMap":7},[834],{"type":27,"tag":325,"props":835,"children":836},{"class":327,"line":328},[837,841,846,851,855,860,865,870,874],{"type":27,"tag":325,"props":838,"children":839},{"style":332},[840],{"type":32,"value":335},{"type":27,"tag":325,"props":842,"children":843},{"style":338},[844],{"type":32,"value":845},"script",{"type":27,"tag":325,"props":847,"children":848},{"style":363},[849],{"type":32,"value":850}," src",{"type":27,"tag":325,"props":852,"children":853},{"style":369},[854],{"type":32,"value":372},{"type":27,"tag":325,"props":856,"children":857},{"style":375},[858],{"type":32,"value":859},"\"/js/main.js\"",{"type":27,"tag":325,"props":861,"children":862},{"style":363},[863],{"type":32,"value":864}," defer",{"type":27,"tag":325,"props":866,"children":867},{"style":332},[868],{"type":32,"value":869},">\u003C/",{"type":27,"tag":325,"props":871,"children":872},{"style":338},[873],{"type":32,"value":845},{"type":27,"tag":325,"props":875,"children":876},{"style":332},[877],{"type":32,"value":346},{"type":27,"tag":28,"props":879,"children":880},{},[881,887],{"type":27,"tag":275,"props":882,"children":884},{"className":883},[],[885],{"type":32,"value":886},"defer",{"type":32,"value":888}," permet au navigateur de continuer à parser le HTML sans bloquer le rendu de la page.",{"type":27,"tag":28,"props":890,"children":891},{},[892,894,899],{"type":32,"value":893},"Dans un site éditorial ou vitrine, la bonne question est brutale : ",{"type":27,"tag":78,"props":895,"children":896},{},[897],{"type":32,"value":898},"a-t-on vraiment besoin de JavaScript pour cette interaction ?",{"type":32,"value":900}," Très souvent, HTML et CSS suffisent.",{"type":27,"tag":61,"props":902,"children":904},{"id":903},"alléger-le-css",[905],{"type":32,"value":906},"Alléger le CSS",{"type":27,"tag":28,"props":908,"children":909},{},[910],{"type":32,"value":911},"Le CSS est rarement le plus gros poste de poids, mais il peut devenir désordonné avec le temps : composants abandonnés, anciennes classes, règles redondantes, media queries répétées.",{"type":27,"tag":28,"props":913,"children":914},{},[915],{"type":32,"value":916},"Un CSS plus léger repose sur quelques habitudes :",{"type":27,"tag":86,"props":918,"children":919},{},[920,925,930,935,940,945],{"type":27,"tag":90,"props":921,"children":922},{},[923],{"type":32,"value":924},"éviter les sélecteurs trop complexes ;",{"type":27,"tag":90,"props":926,"children":927},{},[928],{"type":32,"value":929},"factoriser les règles communes ;",{"type":27,"tag":90,"props":931,"children":932},{},[933],{"type":32,"value":934},"supprimer le CSS inutilisé ;",{"type":27,"tag":90,"props":936,"children":937},{},[938],{"type":32,"value":939},"limiter les frameworks CSS si seule une petite partie est utilisée ;",{"type":27,"tag":90,"props":941,"children":942},{},[943],{"type":32,"value":944},"utiliser les propriétés natives modernes plutôt que des surcouches ;",{"type":27,"tag":90,"props":946,"children":947},{},[948],{"type":32,"value":949},"garder une logique de design system simple.",{"type":27,"tag":28,"props":951,"children":952},{},[953],{"type":32,"value":954},"Exemple à éviter :",{"type":27,"tag":315,"props":956,"children":958},{"className":653,"code":957,"language":655,"meta":7,"style":7},"body .page .main-content article .article-body p.intro {\n  font-size: 1.2rem;\n}\n",[959],{"type":27,"tag":275,"props":960,"children":961},{"__ignoreMap":7},[962,998,1020],{"type":27,"tag":325,"props":963,"children":964},{"class":327,"line":328},[965,969,974,979,984,989,994],{"type":27,"tag":325,"props":966,"children":967},{"style":665},[968],{"type":32,"value":668},{"type":27,"tag":325,"props":970,"children":971},{"style":665},[972],{"type":32,"value":973}," .page",{"type":27,"tag":325,"props":975,"children":976},{"style":665},[977],{"type":32,"value":978}," .main-content",{"type":27,"tag":325,"props":980,"children":981},{"style":665},[982],{"type":32,"value":983}," article",{"type":27,"tag":325,"props":985,"children":986},{"style":665},[987],{"type":32,"value":988}," .article-body",{"type":27,"tag":325,"props":990,"children":991},{"style":665},[992],{"type":32,"value":993}," p.intro",{"type":27,"tag":325,"props":995,"children":996},{"style":369},[997],{"type":32,"value":673},{"type":27,"tag":325,"props":999,"children":1000},{"class":327,"line":349},[1001,1006,1010,1016],{"type":27,"tag":325,"props":1002,"children":1003},{"style":363},[1004],{"type":32,"value":1005},"  font-size",{"type":27,"tag":325,"props":1007,"children":1008},{"style":369},[1009],{"type":32,"value":686},{"type":27,"tag":325,"props":1011,"children":1013},{"style":1012},"--shiki-default:#B5CEA8",[1014],{"type":32,"value":1015},"1.2rem",{"type":27,"tag":325,"props":1017,"children":1018},{"style":369},[1019],{"type":32,"value":735},{"type":27,"tag":325,"props":1021,"children":1022},{"class":327,"line":399},[1023],{"type":27,"tag":325,"props":1024,"children":1025},{"style":369},[1026],{"type":32,"value":743},{"type":27,"tag":28,"props":1028,"children":1029},{},[1030],{"type":32,"value":1031},"Version préférable :",{"type":27,"tag":315,"props":1033,"children":1035},{"className":653,"code":1034,"language":655,"meta":7,"style":7},".article-intro {\n  font-size: 1.2rem;\n}\n",[1036],{"type":27,"tag":275,"props":1037,"children":1038},{"__ignoreMap":7},[1039,1051,1070],{"type":27,"tag":325,"props":1040,"children":1041},{"class":327,"line":328},[1042,1047],{"type":27,"tag":325,"props":1043,"children":1044},{"style":665},[1045],{"type":32,"value":1046},".article-intro",{"type":27,"tag":325,"props":1048,"children":1049},{"style":369},[1050],{"type":32,"value":673},{"type":27,"tag":325,"props":1052,"children":1053},{"class":327,"line":349},[1054,1058,1062,1066],{"type":27,"tag":325,"props":1055,"children":1056},{"style":363},[1057],{"type":32,"value":1005},{"type":27,"tag":325,"props":1059,"children":1060},{"style":369},[1061],{"type":32,"value":686},{"type":27,"tag":325,"props":1063,"children":1064},{"style":1012},[1065],{"type":32,"value":1015},{"type":27,"tag":325,"props":1067,"children":1068},{"style":369},[1069],{"type":32,"value":735},{"type":27,"tag":325,"props":1071,"children":1072},{"class":327,"line":399},[1073],{"type":27,"tag":325,"props":1074,"children":1075},{"style":369},[1076],{"type":32,"value":743},{"type":27,"tag":28,"props":1078,"children":1079},{},[1080],{"type":32,"value":1081},"Un sélecteur plus simple est plus lisible, plus maintenable et généralement plus efficace.",{"type":27,"tag":61,"props":1083,"children":1085},{"id":1084},"se-méfier-des-ressources-tierces",[1086],{"type":32,"value":1087},"Se méfier des ressources tierces",{"type":27,"tag":28,"props":1089,"children":1090},{},[1091],{"type":32,"value":1092},"Les ressources tierces sont l'un des grands angles morts du poids d'un site.",{"type":27,"tag":28,"props":1094,"children":1095},{},[1096],{"type":32,"value":1097},"Google Fonts, analytics, pixels publicitaires, widgets sociaux, cartes embarquées, lecteurs vidéo externes : chaque ajout paraît isolément acceptable. Ensemble, ils dégradent rapidement les performances.",{"type":27,"tag":28,"props":1099,"children":1100},{},[1101],{"type":32,"value":1102},"Le problème n'est pas seulement le poids du fichier. Une ressource tierce implique souvent :",{"type":27,"tag":86,"props":1104,"children":1105},{},[1106,1111,1116,1121,1126],{"type":27,"tag":90,"props":1107,"children":1108},{},[1109],{"type":32,"value":1110},"une résolution DNS ;",{"type":27,"tag":90,"props":1112,"children":1113},{},[1114],{"type":32,"value":1115},"une connexion TLS ;",{"type":27,"tag":90,"props":1117,"children":1118},{},[1119],{"type":32,"value":1120},"un domaine externe ;",{"type":27,"tag":90,"props":1122,"children":1123},{},[1124],{"type":32,"value":1125},"du JavaScript hors de votre contrôle ;",{"type":27,"tag":90,"props":1127,"children":1128},{},[1129],{"type":32,"value":1130},"parfois d'autres scripts appelés en cascade.",{"type":27,"tag":28,"props":1132,"children":1133},{},[1134],{"type":32,"value":1135},"La bonne méthode consiste à faire l'inventaire des tiers, puis à justifier chacun d'eux.",{"type":27,"tag":28,"props":1137,"children":1138},{},[1139],{"type":32,"value":1140},"Si un script ne sert pas directement l'utilisateur ou une décision métier réelle, il doit être supprimé.",{"type":27,"tag":61,"props":1142,"children":1144},{"id":1143},"cas-wordpress-choisir-plutôt-quempiler",[1145],{"type":32,"value":1146},"Cas WordPress : choisir plutôt qu'empiler",{"type":27,"tag":28,"props":1148,"children":1149},{},[1150],{"type":32,"value":1151},"Sur WordPress, le poids vient rarement du CMS seul. Il vient surtout de l'empilement :",{"type":27,"tag":86,"props":1153,"children":1154},{},[1155,1160,1165,1170,1175,1180,1185],{"type":27,"tag":90,"props":1156,"children":1157},{},[1158],{"type":32,"value":1159},"thème trop généraliste ;",{"type":27,"tag":90,"props":1161,"children":1162},{},[1163],{"type":32,"value":1164},"constructeur de page lourd ;",{"type":27,"tag":90,"props":1166,"children":1167},{},[1168],{"type":32,"value":1169},"extensions nombreuses ;",{"type":27,"tag":90,"props":1171,"children":1172},{},[1173],{"type":32,"value":1174},"polices externes ;",{"type":27,"tag":90,"props":1176,"children":1177},{},[1178],{"type":32,"value":1179},"sliders ;",{"type":27,"tag":90,"props":1181,"children":1182},{},[1183],{"type":32,"value":1184},"bibliothèques CSS et JavaScript chargées partout ;",{"type":27,"tag":90,"props":1186,"children":1187},{},[1188],{"type":32,"value":1189},"images mal dimensionnées.",{"type":27,"tag":28,"props":1191,"children":1192},{},[1193],{"type":32,"value":1194},"Un site WordPress sobre repose sur des choix plus stricts :",{"type":27,"tag":86,"props":1196,"children":1197},{},[1198,1203,1208,1213,1218,1223],{"type":27,"tag":90,"props":1199,"children":1200},{},[1201],{"type":32,"value":1202},"thème léger ou thème sur mesure ;",{"type":27,"tag":90,"props":1204,"children":1205},{},[1206],{"type":32,"value":1207},"extensions limitées à des besoins précis ;",{"type":27,"tag":90,"props":1209,"children":1210},{},[1211],{"type":32,"value":1212},"désactivation des scripts inutiles ;",{"type":27,"tag":90,"props":1214,"children":1215},{},[1216],{"type":32,"value":1217},"images générées dans les bonnes tailles ;",{"type":27,"tag":90,"props":1219,"children":1220},{},[1221],{"type":32,"value":1222},"cache bien configuré ;",{"type":27,"tag":90,"props":1224,"children":1225},{},[1226],{"type":32,"value":1227},"aucun constructeur lourd si le projet ne le justifie pas.",{"type":27,"tag":28,"props":1229,"children":1230},{},[1231,1233,1240],{"type":32,"value":1232},"Dans ",{"type":27,"tag":45,"props":1234,"children":1237},{"href":1235,"className":1236},"/eco-conception/wordpress-eco-conception/",[49],[1238],{"type":32,"value":1239},"Éco-concevoir un site WordPress",{"type":32,"value":1241},", je détaille cette logique : WordPress peut être rapide et durable, à condition de ne pas le transformer en catalogue d'extensions.",{"type":27,"tag":61,"props":1243,"children":1245},{"id":1244},"fixer-un-budget-de-performance",[1246],{"type":32,"value":1247},"Fixer un budget de performance",{"type":27,"tag":28,"props":1249,"children":1250},{},[1251],{"type":32,"value":1252},"Un site finit toujours par grossir si personne ne surveille son poids.",{"type":27,"tag":28,"props":1254,"children":1255},{},[1256],{"type":32,"value":1257},"La bonne pratique consiste à définir un budget :",{"type":27,"tag":86,"props":1259,"children":1260},{},[1261,1266,1271,1276,1281,1286],{"type":27,"tag":90,"props":1262,"children":1263},{},[1264],{"type":32,"value":1265},"poids maximum de la page ;",{"type":27,"tag":90,"props":1267,"children":1268},{},[1269],{"type":32,"value":1270},"nombre maximum de requêtes ;",{"type":27,"tag":90,"props":1272,"children":1273},{},[1274],{"type":32,"value":1275},"poids maximum des images ;",{"type":27,"tag":90,"props":1277,"children":1278},{},[1279],{"type":32,"value":1280},"poids maximum du JavaScript ;",{"type":27,"tag":90,"props":1282,"children":1283},{},[1284],{"type":32,"value":1285},"score Lighthouse minimal ;",{"type":27,"tag":90,"props":1287,"children":1288},{},[1289],{"type":32,"value":1290},"score EcoIndex cible.",{"type":27,"tag":28,"props":1292,"children":1293},{},[1294],{"type":32,"value":1295},"Ce budget peut être simple au départ. L'essentiel est de le documenter et de le vérifier régulièrement.",{"type":27,"tag":28,"props":1297,"children":1298},{},[1299],{"type":32,"value":1300},"Exemple pour une page éditoriale :",{"type":27,"tag":1302,"props":1303,"children":1304},"table",{},[1305,1329],{"type":27,"tag":1306,"props":1307,"children":1308},"thead",{},[1309],{"type":27,"tag":1310,"props":1311,"children":1312},"tr",{},[1313,1319,1324],{"type":27,"tag":1314,"props":1315,"children":1316},"th",{},[1317],{"type":32,"value":1318},"Indicateur",{"type":27,"tag":1314,"props":1320,"children":1321},{},[1322],{"type":32,"value":1323},"Objectif",{"type":27,"tag":1314,"props":1325,"children":1326},{},[1327],{"type":32,"value":1328},"Outil",{"type":27,"tag":1330,"props":1331,"children":1332},"tbody",{},[1333,1352,1369,1387,1403,1427],{"type":27,"tag":1310,"props":1334,"children":1335},{},[1336,1342,1347],{"type":27,"tag":1337,"props":1338,"children":1339},"td",{},[1340],{"type":32,"value":1341},"Poids total",{"type":27,"tag":1337,"props":1343,"children":1344},{},[1345],{"type":32,"value":1346},"\u003C 800 Ko",{"type":27,"tag":1337,"props":1348,"children":1349},{},[1350],{"type":32,"value":1351},"DevTools → onglet Network",{"type":27,"tag":1310,"props":1353,"children":1354},{},[1355,1360,1365],{"type":27,"tag":1337,"props":1356,"children":1357},{},[1358],{"type":32,"value":1359},"Requêtes HTTP",{"type":27,"tag":1337,"props":1361,"children":1362},{},[1363],{"type":32,"value":1364},"\u003C 25",{"type":27,"tag":1337,"props":1366,"children":1367},{},[1368],{"type":32,"value":1351},{"type":27,"tag":1310,"props":1370,"children":1371},{},[1372,1377,1382],{"type":27,"tag":1337,"props":1373,"children":1374},{},[1375],{"type":32,"value":1376},"JavaScript initial",{"type":27,"tag":1337,"props":1378,"children":1379},{},[1380],{"type":32,"value":1381},"\u003C 150 Ko",{"type":27,"tag":1337,"props":1383,"children":1384},{},[1385],{"type":32,"value":1386},"Lighthouse / PageSpeed Insights",{"type":27,"tag":1310,"props":1388,"children":1389},{},[1390,1395,1399],{"type":27,"tag":1337,"props":1391,"children":1392},{},[1393],{"type":32,"value":1394},"Image principale",{"type":27,"tag":1337,"props":1396,"children":1397},{},[1398],{"type":32,"value":1381},{"type":27,"tag":1337,"props":1400,"children":1401},{},[1402],{"type":32,"value":1351},{"type":27,"tag":1310,"props":1404,"children":1405},{},[1406,1411,1416],{"type":27,"tag":1337,"props":1407,"children":1408},{},[1409],{"type":32,"value":1410},"Lighthouse Performance",{"type":27,"tag":1337,"props":1412,"children":1413},{},[1414],{"type":32,"value":1415},"> 90",{"type":27,"tag":1337,"props":1417,"children":1418},{},[1419],{"type":27,"tag":45,"props":1420,"children":1424},{"href":1421,"rel":1422},"https://pagespeed.web.dev",[1423],"nofollow",[1425],{"type":32,"value":1426},"PageSpeed Insights",{"type":27,"tag":1310,"props":1428,"children":1429},{},[1430,1435,1440],{"type":27,"tag":1337,"props":1431,"children":1432},{},[1433],{"type":32,"value":1434},"EcoIndex",{"type":27,"tag":1337,"props":1436,"children":1437},{},[1438],{"type":32,"value":1439},"A ou B",{"type":27,"tag":1337,"props":1441,"children":1442},{},[1443],{"type":27,"tag":45,"props":1444,"children":1447},{"href":1445,"rel":1446},"https://www.ecoindex.fr",[1423],[1448],{"type":32,"value":1449},"ecoindex.fr",{"type":27,"tag":28,"props":1451,"children":1452},{},[1453],{"type":32,"value":1454},"Ces chiffres ne sont pas universels. Une page article, une fiche produit, une application métier ou une galerie photo n'ont pas les mêmes contraintes. Mais sans limite explicite, chaque ajout semble acceptable. C'est ainsi qu'un site devient lourd.",{"type":27,"tag":61,"props":1456,"children":1458},{"id":1457},"penser-maintenance-éditoriale",[1459],{"type":32,"value":1460},"Penser maintenance éditoriale",{"type":27,"tag":28,"props":1462,"children":1463},{},[1464],{"type":32,"value":1465},"Réduire le poids d'un site n'est pas seulement une affaire de développement.",{"type":27,"tag":28,"props":1467,"children":1468},{},[1469],{"type":32,"value":1470},"Un site sobre peut devenir lourd en quelques mois si les contenus sont ajoutés sans méthode : images trop grandes, PDF énormes, vidéos embarquées, duplications, pages jamais supprimées.",{"type":27,"tag":28,"props":1472,"children":1473},{},[1474],{"type":32,"value":1475},"Il faut donc intégrer quelques règles éditoriales :",{"type":27,"tag":86,"props":1477,"children":1478},{},[1479,1484,1489,1494,1499,1504],{"type":27,"tag":90,"props":1480,"children":1481},{},[1482],{"type":32,"value":1483},"ne pas importer d'image non redimensionnée ;",{"type":27,"tag":90,"props":1485,"children":1486},{},[1487],{"type":32,"value":1488},"éviter les PDF lourds quand une page HTML suffit ;",{"type":27,"tag":90,"props":1490,"children":1491},{},[1492],{"type":32,"value":1493},"supprimer les médias inutilisés ;",{"type":27,"tag":90,"props":1495,"children":1496},{},[1497],{"type":32,"value":1498},"limiter les galeries automatiques ;",{"type":27,"tag":90,"props":1500,"children":1501},{},[1502],{"type":32,"value":1503},"documenter les formats attendus ;",{"type":27,"tag":90,"props":1505,"children":1506},{},[1507],{"type":32,"value":1508},"former les personnes qui alimentent le site.",{"type":27,"tag":28,"props":1510,"children":1511},{},[1512],{"type":32,"value":1513},"C'est un point souvent négligé. Pourtant, un site web ne reste léger que si sa gestion quotidienne respecte les mêmes principes que sa conception.",{"type":27,"tag":61,"props":1515,"children":1517},{"id":1516},"une-méthode-simple",[1518],{"type":32,"value":1519},"Une méthode simple",{"type":27,"tag":28,"props":1521,"children":1522},{},[1523],{"type":32,"value":1524},"Pour réduire le poids d'un site existant, je procéderais dans cet ordre :",{"type":27,"tag":621,"props":1526,"children":1527},{},[1528,1533,1538,1543,1548,1553,1558,1563,1568,1573],{"type":27,"tag":90,"props":1529,"children":1530},{},[1531],{"type":32,"value":1532},"mesurer la page avec DevTools, Lighthouse et EcoIndex ;",{"type":27,"tag":90,"props":1534,"children":1535},{},[1536],{"type":32,"value":1537},"identifier les ressources les plus lourdes ;",{"type":27,"tag":90,"props":1539,"children":1540},{},[1541],{"type":32,"value":1542},"supprimer les fonctionnalités inutiles ;",{"type":27,"tag":90,"props":1544,"children":1545},{},[1546],{"type":32,"value":1547},"optimiser les images ;",{"type":27,"tag":90,"props":1549,"children":1550},{},[1551],{"type":32,"value":1552},"réduire les polices web ;",{"type":27,"tag":90,"props":1554,"children":1555},{},[1556],{"type":32,"value":1557},"supprimer ou différer le JavaScript non critique ;",{"type":27,"tag":90,"props":1559,"children":1560},{},[1561],{"type":32,"value":1562},"limiter les ressources tierces ;",{"type":27,"tag":90,"props":1564,"children":1565},{},[1566],{"type":32,"value":1567},"nettoyer CSS et HTML ;",{"type":27,"tag":90,"props":1569,"children":1570},{},[1571],{"type":32,"value":1572},"mettre en cache correctement les ressources statiques ;",{"type":27,"tag":90,"props":1574,"children":1575},{},[1576],{"type":32,"value":1577},"documenter un budget de performance.",{"type":27,"tag":28,"props":1579,"children":1580},{},[1581],{"type":32,"value":1582},"Cet ordre est important. Il évite de commencer par des micro-optimisations alors qu'une seule image, une police externe ou un script tiers peut peser plus lourd que tout le reste.",{"type":27,"tag":61,"props":1584,"children":1586},{"id":1585},"conclusion",[1587],{"type":32,"value":1588},"Conclusion",{"type":27,"tag":28,"props":1590,"children":1591},{},[1592],{"type":32,"value":1593},"Réduire le poids d'un site web, ce n'est pas faire la chasse aux kilo-octets par principe. C'est concevoir un site plus juste.",{"type":27,"tag":28,"props":1595,"children":1596},{},[1597],{"type":32,"value":1598},"Sur le site de Cycloplomberie, le résultat d'une démarche rigoureuse aboutit à une page qui tient sous 200 Ko, en 4 requêtes, avec un EcoIndex A. Pas parce que c'était une contrainte — parce que chaque choix a été posé : cette image est-elle nécessaire ? Ce script apporte-t-il quelque chose à l'utilisateur ?",{"type":27,"tag":28,"props":1600,"children":1601},{},[1602],{"type":32,"value":1603},"Un site léger ne demande pas moins d'attention. Il demande au contraire plus de discernement : choisir les bons contenus, les bons formats, les bonnes fonctionnalités et les bons outils. C'est précisément là que l'éco-conception rejoint le travail classique du web : clarifier, hiérarchiser, simplifier, mesurer, maintenir.",{"type":27,"tag":28,"props":1605,"children":1606},{},[1607,1609,1614,1616,1623],{"type":32,"value":1608},"Si vous voulez savoir où en est votre site, le plus simple est de commencer par le mesurer. J'ai détaillé la méthode dans l'article ",{"type":27,"tag":45,"props":1610,"children":1612},{"href":137,"className":1611},[49],[1613],{"type":32,"value":141},{"type":32,"value":1615},". Et si vous souhaitez qu'on travaille ensemble sur ce chantier, ",{"type":27,"tag":45,"props":1617,"children":1620},{"href":1618,"className":1619},"/greenlight/",[49],[1621],{"type":32,"value":1622},"Greenlight",{"type":32,"value":1624}," est l'offre que j'ai construite pour ça.",{"type":27,"tag":1626,"props":1627,"children":1628},"style",{},[1629],{"type":32,"value":1630},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":7,"searchDepth":399,"depth":399,"links":1632},[1633,1634,1635,1636,1637,1638,1639,1640,1641,1642,1643,1644],{"id":63,"depth":349,"text":66},{"id":158,"depth":349,"text":161},{"id":199,"depth":349,"text":202},{"id":601,"depth":349,"text":604},{"id":765,"depth":349,"text":768},{"id":903,"depth":349,"text":906},{"id":1084,"depth":349,"text":1087},{"id":1143,"depth":349,"text":1146},{"id":1244,"depth":349,"text":1247},{"id":1457,"depth":349,"text":1460},{"id":1516,"depth":349,"text":1519},{"id":1585,"depth":349,"text":1588},"markdown","content:articles:comment-reduire-le-poids-d-un-site-web.md","content","articles/comment-reduire-le-poids-d-un-site-web.md","articles/comment-reduire-le-poids-d-un-site-web","md",[1652,1654],{"_path":1653,"title":141},"/articles/audit-eco-conception",null,1777237854559]