Bilder sind einer der wichtigsten Faktoren für die Performance einer Website in WordPress. Das Problem ist, dass sie sehr häufig in Originalgröße hochgeladen werden – direkt aus Kamera, Smartphone oder Grafikprogramm, ohne vorherige Optimierung.
Das ist erst mal bequem, führt aber in der Praxis zu erheblichen technischen und wirtschaftlichen Nachteilen.
Warum WordPress keine Originalbilder bevorzugt
Wenn Sie ein Bild in WordPress hochladen, wird es zwar automatisch in mehrere Größen (z. B. Thumbnail, Medium, Large) umgewandelt. Dennoch bleibt die Originaldatei im System erhalten und wird unter Umständen weiterhin ausgeliefert, wenn keine saubere Optimierung oder kein korrektes Responsive-Setup vorhanden ist.
Das Problem: Die Ausgangsdateien sind in den meisten Fällen deutlich zu groß für den Webeinsatz.
Typische Werte:
- Smartphone-Fotos: 3–8 MB
- DSLR-Aufnahmen: 10–25 MB
- Unoptimierte Exporte: oft mehrere tausend Pixel Breite
Für eine Website werden in der Regel nur 1200–1920 px benötigt.
Warum Sie keine Originalgrößen hochladen sollten
1. Deutlich längere Ladezeiten
Große Bilddateien sind einer der häufigsten Gründe für langsame Websites.
- negative Auswirkungen auf Core Web Vitals und Ranking
- höhere Datenmenge = längere Ladezeit
- besonders problematisch auf mobilen Geräten
2. Höhere Server- und Speicherbelastung
Jedes hochgeladene Bild wird auf dem Server gespeichert – oft zusätzlich in mehreren automatisch generierten Größen.
Das führt zu:
- unnötigem Speicherverbrauch
- größeren Backups
- längeren Backup- und Updatezeiten
- höheren Hosting-Anforderungen
3. Schlechtere SEO-Performance
Google bewertet die Ladegeschwindigkeit einer Website direkt als Rankingfaktor.
Folgen langsamer Bildauslieferung:
- schlechtere Platzierungen in Suchmaschinen
- höhere Absprungraten
- geringere Conversion-Raten
4. Nachteile für mobile Nutzer
Gerade mobile Besucher sind stark betroffen, da sie häufig über begrenzte Bandbreiten verfügen.
Ein unoptimiertes Bild kann:
- den Seitenaufbau erheblich verzögern
- zu Abbrüchen führen
- die Nutzererfahrung deutlich verschlechtern
5. Unnötige Skalierung im Browser
Wird ein sehr großes Bild nur in kleiner Darstellung angezeigt, lädt der Browser dennoch die vollständige Datei.
Das bedeutet:
- unnötiger Datenverbrauch
- zusätzliche Rechenlast im Browser
- ineffiziente Darstellung
Wie Sie Ihre Bilder für Web optimieren
1. Bilder vor dem Upload optimieren
Die Bilder z.B. mit Photoshop oder einem vergleichbaren Tool verkleinern (bei Phtotshop über Bild – Bildgröße).
Empfohlene Richtwerte:
- Breite: 1200–1920 px
- Dateigröße: ideal unter 200–400 KB
- Format: WebP oder optimiertes JPG/PNG
2. Automatische Bildoptimierung einsetzen
Plugins wie Smush unterstützen Sie dabei, Bilder automatisch zu komprimieren, Metadaten zu entfernen und die Ladezeit zu reduzieren.
3. Responsive Bilder korrekt nutzen
WordPress stellt zwar automatisch verschiedene Bildgrößen bereit, jedoch muss das Theme diese auch korrekt über „srcset“ ausspielen, damit wirklich nur die passende Größe geladen wird.
4. Lazy Loading aktivieren
Durch Lazy Loading werden Bilder erst geladen, wenn sie im sichtbaren Bereich erscheinen. Dies verbessert:
- die initiale Ladezeit
- die Performance-Werte
- die Nutzererfahrung
Wie wird Lazy Loading aktiviert?
In modernen WordPress-Versionen ist Lazy Loading bereits standardmäßig aktiviert. Seit WordPress 5.5 wird automatisch das Attribut loading="lazy" für die meisten Bilder eingefügt.
So prüfen Sie, ob Lazy Loading aktiv ist
- Öffnen Sie Ihre Website im Browser.
- Klicken Sie mit der rechten Maustaste auf ein Bild und wählen Sie „Element untersuchen“.
- Suchen Sie im HTML-Code (Command+F oder Strg+F) nach:
<img src="bild.jpg" loading="lazy" alt="Beispielbild">Ist das Attribut loading="lazy" vorhanden, ist Lazy Loading aktiv.
Fazit
Das Hochladen von Originalbildern in WordPress technisch nicht sinnvoll.
Die Konsequenzen sind klar:
- langsamere Ladezeiten
- schlechtere SEO-Werte
- höhere Serverlast
- reduzierte Nutzerzufriedenheit
Eine konsequente Bildoptimierung sorgt für eine schnellere, effizientere und professionellere Website – ohne sichtbaren Qualitätsverlust für den Besucher.