Bilder tragen am meisten zum Seitengewicht von WordPress bei. Ein nicht optimierter Blog-Beitrag mit 5–10 Fotos kann leicht die Größe von 5 MB überschreiten, die Core Web Vitals-Ergebnisse zerstören und Besucher abschrecken. Hier erfahren Sie, wie Sie das Problem beheben können.
Wichtige Statistik: Untersuchungen von Google zeigen, dass 53 % der mobilen Nutzer Seiten verlassen, deren Laden länger als 3 Sekunden dauert. Bilder machen auf den meisten WordPress Websites 50–70 % des gesamten Seitengewichts aus.
Option 1: WordPress Plugins (automatisiert)
Der einfachste Ansatz besteht darin, ein Komprimierungs-Plugin zu installieren, das Bilder beim Hochladen automatisch optimiert.
Beste WordPress Bildkomprimierungs-Plugins
| Plugin | Kostenloses Kontingent | WebP-Unterstützung | Massenoptimierung |
|---|---|---|---|
| ShortPixel | 100 Bilder/Monat | Ja | Ja |
| Smush | 50 Bilder/Stapel | Nur Pro | Ja |
| Stellen Sie sich vor | 20 MB/Monat | Ja | Ja |
| EWWW Bildoptimierung | Unbegrenzt (Basis) | Ja | Ja |
✅ Empfehlung
ShortPixel bietet die beste Balance zwischen kostenlosem Kontingent, Qualität und WebP-Generierung. EWWW ist ideal, wenn Sie unbegrenzte kostenlose Komprimierung mit etwas weniger aggressiver Optimierung wünschen.
Option 2: Vor dem Hochladen komprimieren (manuell)
Für mehr Kontrolle komprimieren Sie Bilder vor dem Hochladen auf WordPress:
- Passen Sie die Größe der Bilder an die Inhaltsbreite Ihres Themas an (normalerweise 1200–1600 Pixel breit).
- Komprimieren Sie mit einem browserbasierten Tool wie Bild komprimieren mit einer Qualität von 75–82 %
- Konvertieren Sie in WebP, wenn Ihr Theme dies unterstützt
- Laden Sie die optimierten Versionen auf WordPress hoch
Dieser Ansatz gibt Ihnen die volle Kontrolle über die Qualität und hält Ihren Server frei von nicht optimierten Originalen.
Option 3: Serverseitige / CDN-Optimierung
Dienste wie Cloudflare Polish, imgix oder Cloudinary können Bilder im laufenden Betrieb am CDN-Edge optimieren:
- Cloudflare Polish – automatische Komprimierung für Pro-Plan (20 $/Monat) und höher
- Cloudinary – kostenlose Stufe mit 25.000 monatlichen Transformationen
- imgix – Echtzeit-Bildverarbeitungs-API, nutzungsbasierte Preisgestaltung
Wesentliche WordPress Bildeinstellungen
- Lazy Loading hinzufügen: WordPress 5.5+ fügt hinzu
loading="lazy"standardmäßig, aber stellen Sie sicher, dass Ihr Design es nicht überschreibt - Korrekte Maße einstellen: Immer einbeziehen
widthundheightAttribute ein<img>Tags zur Verhinderung von Layoutverschiebungen (CLS) - Nicht verwendete Größen deaktivieren: WordPress generiert mehrere Miniaturbildgrößen. Deaktivieren Sie Größen, in denen Sie nicht verwendet werden
functions.php - WebP bereitstellen: Verwenden Sie ein Plugin oder
.htaccessRegeln zur Bereitstellung von WebP für unterstützende Browser
Die Wirkung messen
Testen Sie nach der Optimierung Ihre Ergebnisse mit:
- Google PageSpeed Insights – prüfen Sie LCP und prüfen Sie die Prüfung „Bilder in Formaten der nächsten Generation bereitstellen“.
- GTmetrix – Wasserfallansicht mit Anzeige der Ladezeiten einzelner Bilder
- WebPageTest – detaillierte Aufschlüsselung nach Bildformat und -größe
🔧 Bilder vor dem Hochladen komprimieren – kostenlos und privat
Legen Sie Ihre WordPress Bilder hier ab und erhalten Sie in Sekundenschnelle optimierte Versionen. Kein Plugin erforderlich, läuft in Ihrem Browser.
Öffnen Sie „Bild komprimieren“ →Fazit
Der schnellste WordPress Bild-Workflow kombiniert die Komprimierung vor dem Hochladen mit einem Plugin zur Sicherheit. Passen Sie die Größe an die Breite Ihres Inhalts an, komprimieren Sie ihn mit einer Qualität von 75–82 %, konvertieren Sie ihn in WebP und lassen Sie ein Plugin alles auffangen, was Ihnen entgeht. Ihre Core Web Vitals werden es Ihnen danken.