![Page 1: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/1.jpg)
Ladezeit-Optimierung für WordPress in der PraxisDavid Bongard, Resonanz Online Marketing
![Page 2: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/2.jpg)
ÜBERBLICK
1. Weswegen sind Ladezeiten wichtig?
2. Was macht WordPress langsam?
3. Wie optimiere ich meine Seite?
4. Was sind die richtigen Werkzeuge?
![Page 3: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/3.jpg)
Schneller ist immer besser!Deswegen sind Ladezeiten wichtig
![Page 4: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/4.jpg)
Argumente für ein schnelleres Web
Längere Verweildauer
Höhere Konversionsraten
Positivere Nutzererfahrung
Besseres Google-Ranking
![Page 5: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/5.jpg)
Reality CheckDurchschnittliche Ladezeiten 2018 in Deutschland
![Page 6: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/6.jpg)
„Performance is about people.“ – Jeremy Wagner, Google WebFundamentals
![Page 7: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/7.jpg)
Deswegen ist dein WordPress langsam
![Page 8: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/8.jpg)
Exkurs: Was passiert bei einem Website-Aufruf?
1. ServerReagiert auf Anfrage des Browsers, führt Programmierung aus, liefert Dateien
2. ÜbertragungDaten werden an Browser gesendet
3. BrowserWebseite wird gerendert, Scripte werden ausgeführt
![Page 9: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/9.jpg)
ENGPASS #1Antwortzeit des Servers
‣ Antwortzeit abhängig von Wechselspiel der verfügbaren Ressourcen und dem Ressourcenbedarf der Webseite
‣ Sehr günstige Shared Webspaces leiden oft an knappen Ressourcen (wenig Arbeitsspeicher, wenig Prozessorleistung)
‣ Viel Traffic* kann den Server spürbar langsamer machen, im Extremfall bis zu Stillstand
‣ Veraltete Softwareversionen können schlechte Leistungswerte zur Folge haben* bei Shared Hosts auch Traffic der anderen Seiten auf dem Host
![Page 10: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/10.jpg)
ENGPASS #1 - ANTWORTZEIT DES SERVERS PHP-Versionen
https://kinsta.com/de/blog/php-benchmarks/ WordPress 5,0 PHP 5.6 Benchmark: 91,64 req/sec WordPress 5,0 PHP 7.0 Benchmark Restultate: 206,71 req/sec WordPress 5,0 PHP 7.1 Benchmark Restultate: 210,98 req/sec WordPress 5,0 PHP 7.2 Benchmark Restultate: 229,18 req/sec
![Page 11: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/11.jpg)
ENGPASS #1 - ANTWORTZEIT DES SERVERS Optimierungsmöglichkeiten
1. besseres/ teureres Hosting
2. Umstellung der PHP-Version
3. Nutzung von serverseitigem Caching
4. Ressourcenfresser optimieren oder entfernen
5. CMS-Caching nutzen
6. HTTP/2-Protokoll
7. Für Profis: CDNs nutzen, um Dateien auszulagern und Traffic-Spitzen besser abzufangen
![Page 12: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/12.jpg)
ENGPASS #2Datenübertragung
‣ Größe der Dateien
‣ Anzahl der der einzelnen Dateien, je nach Server und Browser (ohne HTTP/2)
‣ Anzahl der DNS-Lookups (von wie vielen Servern werden Dateien abgerufen)
![Page 13: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/13.jpg)
ENGPASS #2 - DATENÜBERTRAGUNGOptimierungsmöglichkeiten
1. Bilder passend skalieren und optimieren (z.B. Meta-Daten entfernen)
2. Nicht benötigte Dateien reduzieren (z.B. WordPress-Emojis)
3. CSS, JS und HTML minifizieren und zusammenfassen
4. gzip/deflate serverseitig aktivieren
5. Browsercaching besser nutzen
6. Verzögertes / asynchrones Laden von Inhalten (lazy loading von Bildern, asynchrones Laden z.B. für JavaScript)
![Page 14: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/14.jpg)
ENGPASS #3Browser-Rendering
‣ Browser wartet mit dem Rendering der Seite bis das JavaScript und CSS im HTML-Header geladen sind
Optimierungsmöglichkeiten1. nicht sofort benötigtes JavaScript im Footer laden
2. Für Profis: kritisches CSS und CSS, das nicht Above the Fold gebraucht wird, trennen
![Page 15: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/15.jpg)
So optimierst du deine Seite
Let’s do it!Let’s do it!So optimierst du deine Seite
![Page 16: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/16.jpg)
Welche Kennzahlen?
PageSpeed Score
YSlow Score
Ladezeiten z.B. Time to First Byte, Onload Time, Fully Loaded
Page Size in MB
Zahl der Requests
Mögliche Daten zur Website-Performance
![Page 17: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/17.jpg)
Was kann ich erreichen?
Meist gilt die 80:20-Regel.
In 20% der Zeit schafft man 80% der Optimierung.
20%
20%
80%
80%Aufwand
Ergebnis
bringt
bringt
![Page 18: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/18.jpg)
Was kann ich erreichen?
Am Ende hängt der Grad eures Erfolges von drei Dingen ab:
1. Ausgangszustand der Webseite
2. Technisches Know How
3. Budget (Zeit & Geld)
![Page 19: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/19.jpg)
Analyse-Werkzeuge• Pagespeed Insights von Google
(https://developers.google.com/speed/pagespeed/insights/)
• Lighthouse in Chrome
• GTmetrix
• https://www.uptrends.com/de/tools/website-ladezeit-check
• https://tools.pingdom.com
![Page 20: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/20.jpg)
Audit mit Lighthouse
![Page 21: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/21.jpg)
Dafür gibt’s ein Plugin…Die Performance-Werkzeugkiste
![Page 22: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/22.jpg)
Grundlagen
Servereinstellungen im Provider-Backend prüfen oder per .htaccess optimieren
Theme-Settings nutzen, wenn möglich
![Page 23: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/23.jpg)
Bilder optimieren‣ Unnötige Bilder vermeiden (z.B. Icon-Fonts)
‣ Auf richtige Skalierung achten:add_image_size() + Regenerate Thumbnails von Alex Mills
‣ Plugins zur Bildoptimierung nutzen: z.B. EWWW Image Optimizer
‣ Kostenloses CDN & Lazy Loading:Jetpack vom Automattic
![Page 24: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/24.jpg)
CSS & JS minifizieren & zusammenfassen
‣ Manche Themes haben passende Funktionen: z.B. Enfold von kriesi.at
‣ Gute Alternative oder als Extra: Autoptimize von Frank Goossens
![Page 25: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/25.jpg)
CMS Caching
‣ W3 Total Cache Großer Funktionsumfang, erfordert z.T. Expertenwissen
‣ WP RocketSehr gute kommerzielle Lösung
‣ Super CacheTolle kostenlose Lösung, auch für Einsteiger geeignet
![Page 26: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/26.jpg)
5 Schritte für Einsteiger1. Servereinstellungen prüfen (Schwierigkeitsgrad 3/5)
2. .htaccess-Optimierung (Schwierigkeitsgrad 3/5)
3. Bilder mit EWWW Image Optimizer verkleinern (Schwierigkeitsgrad 1/5)
4. Autoptimize zur Optimierung von CSS/JS (Schwierigkeitsgrad 2-4/5, je nach Theme)
5. CMS-Caching mit Super Cache (Schwierigkeitsgrad 2/5)
![Page 27: Ladezeit-Optimierung für WordPress in der Praxis€¦ · zur Folge haben * bei Shared Hosts auch Traffic der anderen Seiten auf dem Host ... Let’s do it!Let’s do it! So optimierst](https://reader035.vdocuments.site/reader035/viewer/2022081402/605a451ea5746706ef572ead/html5/thumbnails/27.jpg)
Fragen?Weitere Fragen?
David Bongard
+43 (0)1 890 61 10
www.resonanz-marketing.com