Öffnen Sie eine wichtige Seite in einer schmalen und einer breiten Ansicht. Prüfen Sie im Netzwerkbereich, welche Bilddatei der Browser tatsächlich lädt. Das Original in der Mediathek sagt noch nicht, welche Variante im Frontend ankommt.
Notieren Sie Abmessungen, übertragene Dateigröße, Dateiformat und sichtbare Darstellungsgröße. Beginnen Sie mit großen Motiven im ersten Bildschirmbereich und häufig verwendeten Bildern. Fotografien, Logos und Screenshots stellen unterschiedliche Anforderungen an die Kompression.
Passende Varianten erzeugen
Erzeugen Sie benötigte Größen aus einer gesicherten Originaldatei. Vergleichen Sie geeignete moderne Formate mit der vorhandenen Fassung visuell, insbesondere an Schrift, feinen Linien und Farbverläufen. Die kleinste Datei ist kein Erfolg, wenn Produktdetails kaum noch erkennbar sind.
WordPress kann responsive Bildvarianten ausgeben. Kontrollieren Sie jedoch die konkrete Einbindung des Themes oder Page Builders: Ein Hintergrundbild oder eine eigene Vorlage verwendet möglicherweise weiterhin eine zu große Datei. Nach Änderungen an registrierten Bildgrößen sollten Varianten über das vorhandene Projektverfahren neu erzeugt werden.
Ladeverhalten bewusst wählen
Bilder außerhalb des zunächst sichtbaren Bereichs können verzögert geladen werden. Das zentrale Titel- oder Produktbild sollte dagegen nicht pauschal dieselbe Lazyload-Behandlung erhalten. Prüfen Sie zuerst, welches Element im jeweiligen Bildschirmformat den Hauptinhalt bildet.
Reservieren Sie über Bildabmessungen oder ein passendes Seitenverhältnis den benötigten Platz.
Kontrollieren Sie, ob die wichtige Bildressource früh genug im Ladeablauf entdeckt wird.
Ändern Sie Priorisierung oder Vorabladen nur gezielt und prüfen Sie, ob andere wichtige Ressourcen dadurch später eintreffen.
Qualität und Wirkung nachmessen
Vergleichen Sie dieselben URLs unter denselben Bedingungen. Prüfen Sie übertragene Bilddaten, den Beginn des Hauptbildabrufs und das sichtbare Ergebnis. Testen Sie langsames Scrollen, Bildergalerien, Zoom und gegebenenfalls Variantenwechsel im Shop.
Sichern Sie Dateien und Datenbank vor einer großflächigen Medienbearbeitung und erproben Sie den Ablauf auf einer Testkopie. Löschen Sie Originale oder vermeintlich ungenutzte Größen nicht allein aufgrund eines automatischen Vorschlags. Exporte, ältere Beiträge und individuelle Vorlagen können weiterhin darauf angewiesen sein.
Häufige Fragen
Soll jedes Bild Lazy Loading verwenden?
Nein. Besonders das relevante Bild im ersten sichtbaren Bereich sollte rechtzeitig geladen werden. Die geeignete Behandlung hängt von Position und Seitentyp ab.
Reicht ein Bildoptimierungs-Plugin?
Ein Plugin kann Varianten erzeugen, korrigiert aber nicht automatisch jede Einbindung im Theme. Kontrollieren Sie die ausgelieferte Datei und die Bildqualität.
