Website Performance - Praxis

Target Groups:

Interessenten mit abgeschlossener Berufsausbildung oder Berufserfahrungen im Medienbereich, Kommunikationsbereich oder kaufmännischen Bereich, die sicher im Umgang mit dem PC sind sowie eine Affinität zum Internet und digitalen Medien haben und die sich im Thema: Website Performance - Praxis weiterbilden wollen.

Professional Requirements:

Keine besonderen Anforderungen.

Technical Requirements:

Keine besonderen Anforderungen.

Classification of the Federal Employment Agency:

keine Angaben

Contents

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?

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.


Die Weiterbildung "Website Performance - Praxis" bieten wir Ihnen als Coaching, Workshop, Training - Live-Online und Vor-Ort an.