Öko-Design

Als umweltbewusstes Unternehmen haben wir uns entschieden, mit der WebSenso-Agentur zusammenzuarbeiten, um eine ökologisch gestaltete Website zu entwickeln. Dieser kollektive Ansatz ermöglicht es uns, digitale Leistung und ökologische Verantwortung miteinander in Einklang zu bringen.

Wir haben daher eine Seite entwickelt, die Ihren Bedürfnissen entspricht und gleichzeitig unseren digitalen Fußabdruck minimiert.

Kurz gesagt, wie
Sind wir weitergegangen?

• Sauberes Design : Wir haben alle unnötigen Elemente entfernt
• Wesentlicher Inhalt: Jede Information wurde sorgfältig ausgewählt
• Optimierte Ressourcen : komprimierte Images, leichter Code usw.

Was ist Ökodesign?

Web-Ökodesign ist ein Ansatz, der darauf abzielt, die Umweltbelastung einer Website während ihres gesamten Lebenszyklus zu reduzieren. Es besteht darin, Seiten zu gestalten, die weniger Energie verbrauchen und mehr Umweltschutz haben, indem Ressourcen, Code optimiert und grüne Hosts bevorzugt werden. Dieser Ansatz minimiert nicht nur den CO₂-Fußabdruck, sondern verbessert auch die Leistung und das Nutzererlebnis.

Wichtige Indikatoren und Benchmarks

EcoIndex

EcoIndex ist ein kostenloses Tool zur Bewertung der Umweltauswirkungen von Websites. Entwickelt von der GreenIT-Vereinigung und Nxtweb, ermöglicht es Nutzern, die ökologische Leistung ihrer Webseiten zu messen. EcoIndex analysiert Kriterien wie Seitengewicht, Komplexität und Anzahl der Anfragen und vergibt dann eine Bewertung von 100 und eine Note von A bis G.

GTmetrix

GTmetrix ist ein Tool zur Analyse der Webleistung. Es bewertet die Ladegeschwindigkeit und Optimierung der Website, indem es detaillierte Kennzahlen und Verbesserungsempfehlungen bereitstellt.

GTmetrix verwendet verschiedene Kennzahlen wie Ladezeit, Gesamtseitengröße und Anzahl der Anfragen. Es erstellt umfassende Berichte mit Leistungsbewertungen und gibt konkrete Vorschläge zur Optimierung der Website. Obwohl der Hauptfokus auf der Leistung liegt, trägt GTmetrix indirekt zum Ökodesign bei, indem es leichtere und effizientere Standorte fördert.

Der Standard „115 Good Practices in Web Eco-Design“, entwickelt vom Green IT Collective.

Dieser umfassende Leitfaden bietet einen strukturierten Ansatz zur Gestaltung und Pflege umweltbewusster Websites. Es umfasst den gesamten Lebenszyklus eines Webprojekts, von der Spezifikation bis zum End-of-Life, einschließlich Design, Implementierung, Produktion und Nutzung.

Die 115 Best Practices sind in sechs Hauptabschnitte gegliedert: Spezifikation, Design, Implementierung, Produktion, Nutzung, Support / Wartung / Lebensende. Jede Praxis wird prägnant präsentiert und bietet praktische Tipps zur Reduzierung der Umweltbelastung von Websites. Diese Empfehlungen zielen darauf ab, die Leistung zu optimieren, den Energieverbrauch zu senken und den Ressourcenverbrauch zu minimieren, während das Nutzererlebnis verbessert wird.

Unsere Seite umfasst einige Schlüsselpunkte

Das ökologische Design der Stätte moustiers.fr

• Seitengewicht: Deutlich reduziert
• Ladezeit: Optimiert
• Indicateurs GTmetrix :
  • Homepage: C (75%)
  • Rechtliche Mitteilung: B (76 %)
  • Touristenprofil: B (76 %)

Streng ausgewählte Entscheidungen

• Das Gewicht von Webseiten reduzieren: asynchrones Laden von Bildern, wenige Schriftarten, Vorladen von Schriftarten…
• Begrenze die Anzahl der Anfragen an den Server so weit wie möglich, ohne jegliche Funktionalität zu opfern
• Optimieren Sie die Nutzerreisen weiter
• Überprüfe, wie wir unsere Inhalte gestalten
• Optimierung unserer technischen Praktiken (Aggregation, Minifikation, responsive Bilder …)

Von Anfang an eine Designmethode, die sich an unsere Herausforderungen angepasst hat!

Entwicklung

Optimiertes Caching

Um Ladezeiten und Ressourcenverbrauch zu reduzieren, haben wir effizientes Caching implementiert. Statische Dateien (CSS, JS, Images) werden auf der Benutzerseite gespeichert, um bei jedem Besuch nicht neu geladen zu werden.

Leichte HTML-Struktur

Der HTML-Code wurde beseitigt, um unnötige Elemente zu vermeiden. Eine vereinfachte Struktur verringert die Seitengröße und beschleunigt die Interpretation der Browser.

Asynchrone Ladung von Ressourcen

Nicht-kritische Assets wie Bilder, Videos und Widgets werden durch lazy loading mit lazy loading Techniken geladen. Dies verbessert die Leistung und verkürzt die anfängliche Ladezeit.

Optimierte Serveranfragen

Austausche mit dem Server wurden reduziert, indem unnötige Anfragen begrenzt und Daten wo möglich gruppiert wurden. Die Verwendung optimierter Abfragen in Kombination mit Response Caching verringert die Antwortzeit und verbessert die Seitenanzeige.

Integration

Asset-Optimierung

Um die Seite zu erleichtern, wurden nur die notwendigen Schriftarten integriert, mit optimierten Formaten wie WOFF2. Kritische Ressourcen verwenden Preloading, und Icons wurden zu einem einzigen Sprite gruppiert, um Anfragen zu begrenzen. Die Bilder, komprimiert und konvertiert, verbinden Helligkeit und visuelle Qualität.

Weniger externe Abhängigkeiten

Wir haben die Nutzung von Drittanbieter-Bibliotheken wie jQuery reduziert und bevorzugen stattdessen native Lösungen und benutzerdefiniertes CSS. Dies verringert das Gewicht der Seite und bietet gleichzeitig die volle Kontrolle über den Code.

Standard-Hochleistungscode

Der Code folgt den aktuellen Standards und den CSS Lint Regeln. Dies vereinfacht die Wiedergabe, verbessert die browserseitige Leistung und sorgt für eine bessere Haltbarkeit.

Verringerung der Umweltbelastung

Wir haben die Leistungsfähigkeit der Animationen begrenzt, den DOM optimiert und effizientes Caching ermöglicht. Diese Entscheidungen reduzieren den Energieverbrauch und verbessern gleichzeitig das Nutzererlebnis.

Partner in einem umweltbewussten Ansatz zu sein, ist unerlässlich. Die Expertise von WebSenso, kombiniert mit unserer Vision, hat es ermöglicht, eine leistungsstarke, nachhaltige Seite zu schaffen, die unseren Werten entspricht.