Einstieg in Web-Performance
  • Warum ist Performance so wichtig?
  • Was ist Web-Performance und Optimierung?
  • Wie messen wir Performance?
  • Warum ist Performance wichtig?
Grundlagen der Web-Performance
  • Wie Browser Inhalte rendern
  • HTTP/2 und Multiplexing
  • Flaschenhälse
  • Caching
  • Das PRPL-Muster
Erstellen eines Leistungsbudgets
  • Was ist ein Leistungsbudget?
  • Erstellen eines realistischen Leistungsbudgets
  • Häufige Übeltäter und Leistungsfresser
Bilder optimieren
  • Bilder sind die Hauptursache für ein langsames Web
  • Bildqualität ist wichtig
  • Der Bildskalierungs-Hack
  • Optionen für das Bildformat
  • Manuelle Bildoptimierung
  • Automatisierte Bildoptimierung
  • Responsive Bilder
  • Lazy-loading Bilder
Markup und Inhalt
  • Automatisierte Optimierung von JavaScript und CSS
  • JavaScript-Bündelung versus Module
  • JavaScript-Laden: Async und Aufschieben
  • Lazy-Loading von JavaScript-Modulen mit import()
  • Minifying und Uglifizierung von JavaScript
  • Kritisches CSS
  • Aufschieben von unkritischem CSS
  • Komponentenbasiertes Laden von CSS
Web-Schriftarten
  • Web-Fonts können große Performance-Fresser sein
  • Optimierung der Bereitstellung von Webfonts von Drittanbietern
  • Optimierung der Auslieferung von selbst gehosteten Webfonts
  • Variable Schriften als Retter in der Not?
  • Web-Fonts mit kleinem Leistungsbudget
Optimierung der Auslieferung
  • Daten komprimieren mit Gzip und Brotli
  • Server-Push
  • Vorladen versus Prefetch
  • Browser-Caching
  • CDNs

(Version: 2026-02-13T10:43:51+01:00)