Umweltbilanz der Maxadev-Website
3 min • 1.8.2026
Was wir messen, was wir verbessern und wie wir dabei vorgehen, um den Energieverbrauch beim Besuch der Website zu senken.
Kurz gefasst
- EcoIndex-Note A, 83/100, 0,238 MB, 23 Anfragen, 241 DOM-Elemente.
- Besser als ca. 91 % der getesteten Seiten (Platz 45.582 / 515.179).
- Geschätzter Fußabdruck für 1.000 Besuche: ca. 1,34 kg CO₂e und ca. 20,1 L Blauwasser.
- Zielwerte: < 250 KB beim ersten Laden, < 40 Anfragen, DOM < 800 Elemente.
Warum messen?
Jeder Seitenaufruf verbraucht Energie: Berechnung auf dem Server, Übertragung im Netzwerk und Rendering im Browser. Durch die Reduzierung von Seitengewicht und Anfragen lässt sich der Stromverbrauch begrenzen und die Lebensdauer der Geräte verlängern (weniger Druck, Hardware auszutauschen).
Nachhaltiges Webdesign verbessert außerdem die Zugänglichkeit (Nutzung über langsame Verbindungen) und die Sichtbarkeit in Suchmaschinen durch bessere Core Web Vitals.
Kennzahlen & Werkzeuge
- Lighthouse / Core Web Vitals: Performance, Interaktivität, visuelle Stabilität.
- EcoIndex (ecoindex.fr): Note von A bis G auf Basis von DOM, übertragenem Datenvolumen und Anzahl der Anfragen.
- Netzwerkanalyse (DevTools, WebPageTest): Komprimierung, Cache, TTFB.
- Bundle Analyzer: Erkennung besonders umfangreicher Abhängigkeiten.
- CO₂-Schätzwerkzeuge: Größenordnung der Emissionen pro Seite (Richtwert).
Messwerte (EcoIndex)
Note
A
83 / 100
Datenvolumen
0,238 MB
Ziel ≤ 1,024 MB
DOM
241
Ziel ≤ 600
Anfragen
23
Ziel ≤ 40
- Seitengewicht
- 0,238 MB | Median: 2,41 MB | Ziel: 1,024 MB
- Komplexität (DOM)
- 241 | Median: 693 | Ziel: 600
- Server-Anfragen
- 23 | Median: 78 | Ziel: 40
Fußabdruck für 1.000 Besuche
- Emissionen: ca. 1,34 kg CO₂e
- Blauwasserverbrauch: ca. 20,1 L
Zur Einordnung der Größenordnung: rund 1 kg CO₂e entspricht etwa einer Autofahrt von 5 km. Eine Dusche verbraucht ca. 6 L/min.
Platzierung: 45.582 / 515.179 (≈ beste 9 %, das heißt rund 91 % der Seiten schneiden schlechter ab).
Maßnahmen auf dieser Website
- Next.js (App Router): statisches Rendering oder SSR je nach Bedarf, um die Kosten pro Seite zu minimieren.
- Tailwind JIT ohne schweres UI-Framework: Es werden nur die tatsächlich genutzten Utilities ausgeliefert.
- Optimierte Bilder: moderne Formate (WebP/AVIF) und SVG, passgenaue Abmessungen.
- Schriften lokal gehostet, kein unnötiges Render-Blocking.
- Keine Marketing-Tracker: keine überflüssigen Cookies.
- Minifizierung & Tree-Shaking; keine unnötigen Polyfills.
- Reduziertes JavaScript: Client-Komponenten nur dort, wo sie unverzichtbar sind.
- HTTP-Komprimierung + CDN-Cache: bessere Wiederverwendung über Seiten hinweg.
- Kontrolliertes Hosting: optimierter Server und virtuelle Maschine, unter 5 W.
EcoIndex in 30 Sekunden
EcoIndex kombiniert drei Signale: Größe des DOM, übertragenes Datenvolumen und Anzahl der Anfragen. Nach der Normalisierung ergibt sich eine Note (A bis G) sowie eine Abschätzung der Auswirkungen (Energie + CO₂).
Unsere Zielbudgets für die wichtigsten Seiten: < 250 KB beim ersten Laden (ohne Cache), < 40 Anfragen, < 800 DOM-Elemente.
Best Practices
- Abhängigkeiten begrenzen und gezielte Utilities bevorzugen.
- Nicht genutzte Glyphen aus den Schriften entfernen (Font-Subsetting).
- Nicht kritisches JavaScript aufschieben (Dynamic Import, Lazy Loading).
- Bilder optimieren (komprimiertes, für das Web optimiertes Format).
- Ein Performance Budget in der CI definieren (Lighthouse/EcoIndex) und durchsetzen.
- Aufwendige Animationen vermeiden (Layout Thrashing, wiederholte Reflows).
- Das Bundle regelmäßig prüfen (Größe, Sicherheit) und toten Code entfernen.
Grenzen & Transparenz
Die CO₂-Schätzungen bleiben Näherungswerte: Ein einzelner Wert bildet nicht den gesamten Fußabdruck ab (Hosting, Traffic, Hardware). Ziel ist es, Entscheidungen zu unterstützen, nicht Greenwashing zu betreiben.