Website Performance - Praxis - Inhouse von HECKER CONSULTING

Es reicht nicht mehr aus, dass Ihre Websites funktionieren. Sie müssen schnell funktionieren, und das ist es, was die Performance misst.

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

Vielleicht kennen Sie die Situation. Sie gehen auf eine Website oder klicken auf einen Link, und die Website und die Bilder und das Video brauchen ewig, um zu laden. Kommt Ihnen das bekannt vor? Was Sie erleben, ist eine Website mit schlechter Performance. Und das Gefühl der Frustration, das Sie bekommen, wenn Sie nur an diese Erfahrung denken, hängt mit dieser Leistung zusammen. Es reicht nicht mehr aus, dass Ihre Websites funktionieren. Sie müssen schnell funktionieren, und das ist es, was die Performance misst. Lernen Sie in die Grundprinzipien der Performance kennen und verstehen, wie Sie Websites und Anwendungen mit Blick auf die Performance entwickeln können. Entdecken Sie häufige Performance-Probleme, was sie verursacht und wie man sie löst. Sie erhalten ein solides Verständnis dafür, wie das Web funktioniert und warum Performance ein so großes Thema ist. Die Entwicklung für die Performance führt dazu, dass Ihre Websites sowohl im übertragenen Sinne als auch technisch optimal funktionieren.