Eco-design & Responsibility

Architecture & Hosting (The Engine)

• Flat-File Architecture (No Database) : Unlike traditional CMS (WordPress, etc.), this site operates without any database. Content is served directly via static files and JSON APIs. This drastically reduces the CPU/RAM consumption of the server and eliminates the energy cost of SQL queries.
• "Zero-Reflow" Engine : The HTML structure and images are pre-calculated with exact dimensions. This prevents the browser from having to constantly recalculate the layout of the page during loading (layout shifts), saving calculation cycles on your device.
• Sovereign Green Hosting : The site is hosted in France on OVHcloud servers, benefiting from the highly decarbonized French energy mix (nuclear and renewable) and cooling technologies that limit air conditioning.

Front-End Optimization (The Weight)

• Extreme Compression : All images are served in next-gen WebP format. CSS and JavaScript files undergo aggressive minification before deployment to drastically reduce the number of bytes transferred over the network.
• Native Dark Mode (Zero Flash) : The site is designed primarily in dark mode. On OLED and AMOLED screens (common on smartphones), displaying black physically turns off the pixels, leading to direct battery and energy savings.
• Local Fonts & Subsetting : Typography is hosted locally to prevent third-party tracking. Furthermore, font files are optimized via "Subsetting" (keeping strictly Latin characters), saving over 100 KB per visit on the critical rendering path.
• Native JavaScript (Vanilla JS) : Advanced features (like the glossary auto-detection and interactive tooltips) are built exclusively in Vanilla JS. Using the native TreeWalker API completely avoids heavy external libraries, preserving extreme fluidity (Zero-Reflow) and drastically minimizing the carbon footprint.
• Zero-Dependency Native Mobile Swipe : Rather than importing a heavy library like Swiper.js or Hammer.js, the touch swipe engine (SwipeDetector) was coded from scratch in pure Vanilla JS (a few kilobytes). Strict use of passive listeners (passive: true) ensures that native device scrolling is never blocked. Result: a Native App-like mobile experience with zero penalty on JavaScript execution time, preserving smartphone battery and our Lighthouse score of 100.

Back-End Optimization (Data Management)

• Open Data & Intelligent Caching : When fetching external information (such as Open Data sources or environmental indicators), the server systematically caches the results locally. This avoids repeating the same external API calls, dramatically reducing latency and network impact for subsequent visitors.
• SEO & Duplicate Content Protection : A dynamic rendering engine manages conditional `hreflang` tags and 301 redirects natively in PHP to ensure flawless indexation of bilingual content and avoid SEO penalties, without relying on heavy client-side scripts.

Network & Cache (The Transport)

• Service Worker & PWA : An intelligent local caching system allows the site to function optimally even with a poor connection, and prevents your device from redownloading core structural files on each visit.
• Strict Lazy-Loading : Images, heavy scripts (like i18n or AI chat), and interactive components are only loaded at the exact moment they enter the screen, minimizing useless bandwidth consumption.

Carbon Score & Transparency

• Smart Caching : The carbon score displayed at the top of this page is not calculated in real-time on every load. Calling an external API (Website Carbon) at each visit would be ecologically absurd.

Page Carbon Footprint Analysis

Here is the detailed environmental footprint for the primary pages of this site. The homepage is highlighted in bold. These audits are conducted periodically on the Website Carbon platform. The carbon footprint is calculated based on key criteria: the amount of data transferred (in bytes), the energy source of the servers (green hosting vs standard), and the carbon intensity of the electric grid. You can find more details on the calculation rules on the Website Carbon methodology page.

Audits & Proofs (The Results)

Thanks to these optimizations, this site systematically achieves exceptional scores (often 100/100) on Lighthouse audits for Performance, Accessibility, and SEO.

Note: These results are fully transparent and verifiable by any visitor via the standard developer tools (F12) built into their browser.