Das Glossar für Nachhaltiges Webdesign – Alles, was du wissen musst
Erfahre mehr über die Schlüsselbegriffe und Konzepte, die das Fundament für nachhaltiges Webdesign bilden. Von energieeffizientem Hosting bis hin zu nutzerzentrierten Designprinzipien – entdecke, wie du deine Website umweltbewusster und zukunftsfähig gestalten kannst.
Alle Begriffe anzeigen
Geändert am:
15.12.2025
Robots.txt
Steuert Crawler-Zugriff per Pfadregeln (Allow/Disallow) und kann Crawl-Budget sparen. Kein Ersatz für Auth/noindex.
Robots.txt
Geändert am:
15.12.2025
SVG
Vektorformat (XML) für Icons/Illustrationen: skalierbar, oft klein und per CSS/JS manipulierbar. Gut für Performance.
SVG
Geändert am:
15.12.2025
Scope-3-Emissionen
Indirekte CO₂-Emissionen in der Wertschöpfungskette. Für Websites: Nutzer-Geräte, Netzwerk, externe Dienste.
Scope-3-Emissionen
Geändert am:
15.12.2025
Screenreader
Software, die Bildschirm-Inhalte vorliest oder in Braille ausgibt. Semantik, Alt-Texte und korrekte Struktur machen Websites nutzbar.
Screenreader
Geändert am:
15.12.2025
Semantisches HTML
Verwendet passende HTML-Elemente für ihren Zweck (button, nav, etc.). Basis für Barrierefreiheit, SEO und weniger JavaScript-Bloat.
Semantisches HTML
Geändert am:
15.12.2025
Serverless
Funktionen laufen nur bei Bedarf (Pay-per-Use). Keine Idle-Server, automatische Skalierung – ideal für variable Last.
Serverless
Geändert am:
15.12.2025
Serverstandort
Beeinflusst Latenz und Energiemix. Server nahe der Zielgruppe reduzieren Ladezeiten und CO₂.
Serverstandort
Geändert am:
15.12.2025
Session Recording
Zeichnet Nutzer-Interaktionen auf. Zeigt, was Nutzer wirklich tun – nicht nur, was sie sagen.
Session Recording
Geändert am:
15.12.2025
Single Page Application (SPA)
App-ähnliche Website: einmal laden, Inhalte per JavaScript ohne Reload wechseln. UX top, initial oft mehr JS/SEO-Aufwand.
Single Page Application (SPA)
Geändert am:
15.12.2025
Skeleton Loading
Zeigt Platzhalter-Formen während Inhalte laden. Vermittelt Fortschritt und macht Wartezeit erträglicher.
Skeleton Loading
Geändert am:
15.12.2025
Skip Links
Alt-Texte beschreiben Bilder für Screenreader und als Fallback, wenn Bilder nicht laden. Pflicht für informative Bilder.
Skip Links
Geändert am:
15.12.2025
Speed Index
Misst, wie schnell sichtbarer Inhalt geladen wird. Niedriger Wert zeigt zügige Darstellung an.
Speed Index
Geändert am:
15.12.2025
Speicherverwaltung
Effizienter Umgang mit RAM; Memory Leaks vermeiden, Listener/Timer aufräumen. Hält Apps stabil und spart Energie.
Speicherverwaltung
Geändert am:
15.12.2025
Static Site Generation (SSG)
HTML wird zur Build-Zeit erzeugt und statisch per CDN ausgeliefert. Maximale Performance, kaum Server-Compute pro Request.
Static Site Generation (SSG)
Geändert am:
15.12.2025
Strukturierte Daten
Schema.org/JSON-LD, das Suchmaschinen Kontext gibt. Ermöglicht Rich Snippets und bessere Darstellung in SERPs.
Strukturierte Daten
Geändert am:
15.12.2025
Style Guide
Dokumentiert visuelle Regeln: Farben, Typografie, Abstände und Komponenten. Sorgt für Konsistenz und schnelleres Arbeiten im Team.
Style Guide
Geändert am:
15.12.2025
Sustainable Interaction Design
Gestaltet Interaktionen, die Nutzer und Ressourcen schonen: direkte Wege, weniger Klicks, reduzierte Ladezyklen.
Sustainable Interaction Design
Geändert am:
15.12.2025
Systemschriften
Vorinstallierte Fonts wie San Francisco. Null Downloads, sofortige Darstellung, maximale Performance.
Systemschriften
Geändert am:
15.12.2025
Tastaturnavigation
Website komplett per Tastatur bedienbar (Tab, Enter, Escape). Pflicht für Barrierefreiheit und angenehm für Power-User.
Tastaturnavigation
Geändert am:
15.12.2025
Technische Schulden
Kurzfristige Abkürzungen im Code, die später Wartungs- und Bug-Kosten verursachen. Aktiv managen, sonst bremsen sie.
Technische Schulden
Geändert am:
15.12.2025
Time to First Byte (TTFB)
Zeit bis zum ersten Byte der Antwort. Spiegelt Server- und Netzwerk-Latenz wider; Caching und CDN helfen.
Time to First Byte (TTFB)
Geändert am:
15.12.2025
Time to Interactive (TTI)
Zeitpunkt, ab dem eine Seite zuverlässig interaktiv ist. Große Lücke zwischen FCP und TTI frustriert Nutzer.
Time to Interactive (TTI)
Geändert am:
15.12.2025
Toast Notification
Kurze Statusmeldungen, die automatisch verschwinden. Informieren ohne zu stören.
Toast Notification
Geändert am:
15.12.2025
Total Blocking Time (TBT)
Zeit, in der eine Seite nicht auf Eingaben reagiert. Niedriger Wert bedeutet bessere Interaktivität.
Total Blocking Time (TBT)
Geändert am:
15.12.2025
Tree Shaking
Entfernt ungenutzten Code beim Build. Nur verwendete Exports landen im Bundle – Ergebnis: deutlich kleinere Dateien.
Tree Shaking
Geändert am:
15.12.2025
Typografie
Schriftauswahl und -anordnung. Systemfonts oder Variable Fonts minimieren HTTP-Requests und verbessern Ladezeit.
Typografie
Geändert am:
15.12.2025
Usability
Misst, wie einfach und effizient Nutzer ihre Ziele auf einer Website erreichen – ohne Frustration und unnötige Umwege.
Usability
Geändert am:
15.12.2025
User Experience (UX)
Das Gesamterlebnis bei der Nutzung eines digitalen Produkts – von der ersten Berührung bis zur Zielerreichung.
User Experience (UX)
Geändert am:
15.12.2025
User Flow
Visualisiert die konkreten Pfade durch eine Website. Effiziente Flows bedeuten weniger Klicks und Energie.
User Flow
Geändert am:
15.12.2025
User Interface (UI)
Die visuelle Schnittstelle zwischen Mensch und digitalem Produkt – alles, was Nutzer sehen und womit sie interagieren.
User Interface (UI)
Geändert am:
15.12.2025
User Journey
Der Weg eines Nutzers von der ersten Berührung bis zur Zielhandlung – optimierte Journeys sparen Seitenaufrufe.
User Journey
Geändert am:
15.12.2025
User Testing
Beobachtet echte Nutzer bei der Interaktion. Deckt Probleme auf, die keine Analyse-Tools zeigen.
User Testing
Geändert am:
15.12.2025
Variable Fonts
Mehrere Schriftschnitte in einer Datei. Spart Requests und oft 50–70% Font-Bytes bei mehr typografischer Flexibilität.
Variable Fonts
Geändert am:
15.12.2025
Videooptimierung
Videos kleiner machen: moderne Codecs, passende Auflösung, adaptive Streams, Lazy Loading und kein unnötiges Autoplay.
Videooptimierung
Geändert am:
15.12.2025
Visuelle Hierarchie
Ordnet Elemente nach Wichtigkeit durch Größe, Farbe und Platzierung. Führt das Auge gezielt.
Visuelle Hierarchie
Geändert am:
15.12.2025
WCAG
Internationaler Standard für Web-Barrierefreiheit (POUR). Level AA ist Praxis-Standard und Basis für rechtliche Anforderungen.
WCAG
Geändert am:
15.12.2025
Webflow
No-Code-Plattform für professionelles Webdesign. Erzeugt sauberen Code bei voller Design-Kontrolle.
Webflow
Geändert am:
15.12.2025
Webflow CMS
CMS in Webflow für strukturierte Inhalte und dynamische Collections. Kein Backend-Setup, statisch publishbar und gut cachebar.
Webflow CMS
Geändert am:
15.12.2025
Webflow Designer
Visueller Editor für responsives Webdesign, der echten HTML/CSS/JS-Code generiert. Volle Layout- und Styling-Kontrolle.
Webflow Designer
Geändert am:
15.12.2025
Webflow Hosting
Integriertes Hosting mit CDN, SSL und schnellen Deployments. Keine Server-Verwaltung – Veröffentlichung per Klick.
Webflow Hosting
Geändert am:
15.12.2025
Webflow Interactions
Webflows Animationssystem für Hover-, Scroll- und Page-Trigger ohne Code. Sinnvoll dosiert verbessert UX; zu viel kostet Performance.
Webflow Interactions
Geändert am:
15.12.2025
Website-Carbon
Online-Rechner für CO₂ pro Seitenaufruf basierend auf Seitengröße und Hosting. Gut für Baseline und Optimierungsziele.
Website-Carbon
Geändert am:
15.12.2025
Whitespace
Leerer Raum zwischen Elementen. Verbessert Lesbarkeit und ist komplett ressourcenfrei – kein Pixel, maximale Wirkung.
Whitespace
Geändert am:
15.12.2025
Wireframe
Ein schematischer Entwurf einer Website – ohne Farben, Bilder oder Details. Zeigt Struktur und Funktion.
Wireframe
Geändert am:
15.12.2025
XML-Sitemap
XML-Datei mit indexierbaren URLs. Hilft Suchmaschinen beim Finden und Aktualisieren, besonders bei großen Sites.
XML-Sitemap
Geändert am:
15.12.2025
Überschriftenstruktur
Hierarchische Struktur von H1–H6. Hilft Screenreadern und SEO; keine Ebenen überspringen, nur ein H1 pro Seite.
Überschriftenstruktur
Klimafakt
Wäre das Internet ein Land, läge es im Länderranking der größten CO2-Produzenten auf Platz 6.
Nachhaltiges Webdesign