Éco-conception & Responsabilité

Architecture & Hébergement (Le Moteur)

• Architecture Flat-File (Sans Base de données) : Contrairement aux CMS traditionnels (WordPress, etc.), ce site fonctionne sans aucune base de données. Le contenu est servi directement via des fichiers statiques et des APIs JSON. Cela réduit drastiquement la consommation CPU/RAM du serveur et supprime le coût énergétique des requêtes SQL.
• Moteur "Zero-Reflow" : La structure HTML et les images sont pré-calculées avec des dimensions exactes. Cela évite au navigateur de devoir recalculer en permanence la mise en page lors du chargement (layout shifts), économisant ainsi des cycles de calcul sur votre appareil.
• Hébergement Souverain et Vert : Le site est hébergé en France sur les serveurs d'OVHcloud, bénéficiant du mix énergétique français très décarboné (nucléaire et renouvelable) et de technologies de refroidissement limitant la climatisation.

Optimisation Front-End (Le Poids)

• Compression Extrême : Toutes les images sont servies au format WebP nouvelle génération. Les fichiers CSS et JavaScript subissent une minification agressive avant déploiement pour réduire drastiquement le nombre d'octets transférés sur le réseau.
• Dark Mode Natif (Zero Flash) : Le site est pensé prioritairement en mode sombre. Sur les écrans OLED et AMOLED (courants sur smartphones), afficher du noir éteint physiquement les pixels, entraînant une économie directe de batterie et d'énergie.
• Polices Locales & Subsetting : Les typographies sont hébergées localement pour empêcher le pistage tiers. De plus, les fichiers de polices sont optimisés via "Subsetting" (conservation stricte des caractères latins), permettant d'économiser plus de 100 Ko par visite sur le chemin critique de rendu.
• JavaScript Natif (Vanilla JS) : Les fonctionnalités avancées (détection de glossaire, infobulles interactives) sont réalisées exclusivement en Vanilla JS. L'utilisation de l'API native TreeWalker évite le chargement de bibliothèques lourdes, préservant la fluidité (Zero-Reflow) et minimisant l'empreinte carbone.
• Micro-Moteur Tactile "Maison" (Zéro-Dépendance) : Plutôt que d'importer une bibliothèque lourde comme Swiper.js ou Hammer.js, le moteur de balayage tactile (SwipeDetector) a été codé de zéro en pur Vanilla JS (quelques kilo-octets). L'utilisation stricte d'écouteurs passifs (passive: true) garantit que le défilement natif de l'appareil n'est jamais bloqué. Résultat : une expérience mobile de type 'App Native' sans aucune pénalité sur le temps d'exécution JavaScript, préservant la batterie du smartphone et notre score Lighthouse de 100.

Optimisation Back-End (Gestion des Données)

• Open Data & Mise en Cache Intelligente : Lors de la récupération d'informations externes (comme des sources Open Data ou des indicateurs environnementaux), le serveur met systématiquement en cache les résultats localement. Cela évite de répéter les mêmes appels d'API externes, réduisant drastiquement la latence et l'impact réseau pour les visiteurs suivants.
• SEO & Protection Duplicate Content : Un moteur de rendu conditionnel natif gère dynamiquement les balises `hreflang` et les redirections 301 pour assurer une indexation parfaite du contenu bilingue et éviter les pénalités SEO liées au contenu non traduit, sans dépendre de lourds scripts clients.

Réseau & Cache (Le Transport)

• Service Worker & PWA : Un système intelligent de mise en cache locale permet au site de fonctionner de manière optimale même avec une mauvaise connexion, et évite à votre appareil de retélécharger les fichiers de structure à chaque visite.
• Lazy-Loading strict : Les images, les scripts lourds (comme l'i18n ou le chat AI) et les composants interactifs ne sont chargés qu'au moment exact où ils entrent dans votre écran, minimisant la consommation inutile de bande passante.

Score Carbone & Transparence

• Mise en Cache Intelligente : Le score carbone affiché en haut de cette page n'est pas calculé en temps réel à chaque chargement. Interroger une API externe (Website Carbon) à chaque visite serait un non-sens écologique.

Analyse de l'Empreinte Carbone par Page

Voici le détail de l'empreinte carbone pour les principales pages du site. La page d'accueil principale est mise en valeur en gras. Ces relevés sont réalisés périodiquement auprès du site Website Carbon. L'empreinte carbone est calculée selon des règles précises : le volume de données transférées, l'alimentation énergétique des serveurs (hébergement vert) et l'intensité carbone moyenne du réseau électrique. Vous pouvez consulter le détail des règles de calcul de Website Carbon pour en savoir plus.

Audits & Preuves (Les Résultats)

Grâce à ces optimisations, ce site obtient systématiquement des scores exceptionnels (souvent 100/100) lors des audits Lighthouse en matière de Performance, Accessibilité et SEO.

Note : Ces résultats sont totalement transparents et vérifiables par n'importe quel visiteur via les outils de développement standards (F12) intégrés à son navigateur.