Kursbeschreibung
Es reicht nicht mehr aus, dass Ihre Websites funktionieren. Sie müssen schnell funktionieren, und das ist es, was die Performance misst.
Schnellere Websites erhöhen nachweislich die Bindung, Treue und Zufriedenheit Ihrer Website-Besucher, insbesondere auf mobilen Endgeräten.
Erfahren Sie, wie Sie Websites und Anwendungen mit Blick auf Leistung entwickeln. Entdecken Sie das HTTP/2-Protokoll, das Webentwicklern enorme Leistungsverbesserungen bietet.
Lernen, wie Sie Ihr Team auf die Leistung fokussieren können, indem Sie ein realistisches Leistungsbudget erstellen. Verstehen Sie, wie man Bilder, Code und Datei-Caching sowie die Server-Auslieferung und das Browser-Handling optimiert.
Außerdem erfahren Sie, wie Sie CSS und JavaScript optimieren und ein Content Delivery Network (CDN) nutzen können, um die Ladezeiten zu verkürzen.
Einstieg in Web-Performance- Warum ist Performance so wichtig?
- Was ist Web-Performance und Optimierung?
- Wie messen wir Performance?
- Warum ist Performance wichtig?
- Wie Browser Inhalte rendern
- HTTP/2 und Multiplexing
- Flaschenhälse
- Caching
- Das PRPL-Muster
- Was ist ein Leistungsbudget?
- Erstellen eines realistischen Leistungsbudgets
- Häufige Übeltäter und Leistungsfresser
- 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
- 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-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
- Daten komprimieren mit Gzip und Brotli
- Server-Push
- Vorladen versus Prefetch
- Browser-Caching
- CDNs
Es reicht nicht mehr aus, dass Ihre Websites funktionieren. Sie müssen schnell funktionieren, und das ist es, was die Performance misst.
Schnellere Websites erhöhen nachweislich die Bindung, Treue und Zufriedenheit Ihrer Website-Besucher, insbesondere auf mobilen Endgeräten.
Erfahren Sie, wie Sie Websites und Anwendungen mit Blick auf Leistung entwickeln. Entdecken Sie das HTTP/2-Protokoll, das Webentwicklern enorme Leistungsverbesserungen bietet.
Lernen, wie Sie Ihr Team auf die Leistung fokussieren können, indem Sie ein realistisches Leistungsbudget erstellen. Verstehen Sie, wie man Bilder, Code und Datei-Caching sowie die Server-Auslieferung und das Browser-Handling optimiert.
Außerdem erfahren Sie, wie Sie CSS und JavaScript optimieren und ein Content Delivery Network (CDN) nutzen können, um die Ladezeiten zu verkürzen.
Einstieg in Web-Performance- Warum ist Performance so wichtig?
- Was ist Web-Performance und Optimierung?
- Wie messen wir Performance?
- Warum ist Performance wichtig?
- Wie Browser Inhalte rendern
- HTTP/2 und Multiplexing
- Flaschenhälse
- Caching
- Das PRPL-Muster
- Was ist ein Leistungsbudget?
- Erstellen eines realistischen Leistungsbudgets
- Häufige Übeltäter und Leistungsfresser
- 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
- 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