Website Performance - Praxis

Institut: HECKER CONSULTING
Bereich: Technik, EDV, Telekommunikation

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?
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

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?
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-Schri…
Datum
auf Anfrage
Uhrzeit
09:00
Dauer
ab 1 Tag nach Vereinbarung
Ort
Virtuelles Klassenzimmer, Live-Online-Seminar
E-Mail
Kontakt
Peter Hecker
Straße
Erkrather Str. 401
PLZ
40231
Ort
Düsseldorf
Land
Deutschland
Bundesland
---
Keine besonderen Anforderungen.
Zielgruppe
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 eineWebsite Performance - Beratung, Coaching, Workshop, Training suchen!
Kursnummer
606895633013aaec9b06
Plätze
12

Diese Kurse könnten Sie auch interessieren ...

Uber Weiterbildungsvorschläge