Allgemein
  • Fünf große Vorteile von schnellen Websites
  • Was kann optimiert werden?
Ausgangszustand
  • Projektvorstellung
  • Geschwindigkeit messen
HTML
  • Richtige Reihenfolge von Ressourcen
  • HTTP-Requests reduzieren
  • HTML-Code reduzieren
  • Favicon anlegen
Bilder/Videos
  • Das richtige Dateiformat
  • Responsive Bilder
  • Bilder komprimieren
  • Bilder mit srcsets & sizes einbauen
  • Lazy Loading
CSS/SCSS
  • CSS-Dateien kombinieren
  • CSS minifizieren
  • CSS3 statt Grafiken
  • Webfonts richtig verwenden
  • SVG-Icons statt Iconfonts & Grafiken
JavaScript
  • CDN vs Self-hosting
  • Async vs Defer
  • Tagmanager nutzen statt unzähligen Analyse Scripts
  • JS-Dateien kombinieren
  • JS minifizieren
Webserver
  • Schnellen Webhost benutzen
  • Browser-Caching nutzen
  • Komprimierung mit gzip oder deflate
Resultat
  • Geschwindigkeit messen
Bonuslektion
  • Projekt