PageSpeed Insights mit Medienoptimierung verbessern
Messbares Ergebnis
Welche PageSpeed-Warnungen sich auf Bilder beziehen
Schritt für Schritt: von der Warnung zum grünen Wert
Öffnen Sie den Bericht und notieren Sie die fehlschlagenden Bild-Audits
Auf Next-Gen-Formate umstellen, wo es verlangt wird
Bilder in der passenden Anzeigegröße ausliefern
Bilder außerhalb des Sichtbereichs per Lazy Loading laden, mit Ausnahme Ihres LCP-Bildes
Messung wiederholen und vergleichen
Formate und ihre Wirkung auf die PageSpeed-Audits
| Ansatz | Typische Ersparnis | Hilft vor allem bei |
|---|---|---|
| AVIF | Oft die größte Ersparnis; in unseren Tests bis zu 94 % kleiner als das Original. | "Serve images in next-gen formats" und "Efficiently encode images". |
| WebP | Deutliche Ersparnis bei breiter Unterstützung; meist 25 bis 50 Prozent kleiner als JPEG. | "Serve images in next-gen formats" als breite Fallback-Lösung. |
| In der richtigen Größe ausliefern | Je nach Situation sehr unterschiedlich; oft der schnellste Gewinn bei einem überdimensionierten Hero-Bild. | "Properly size images". |
| Lazy Loading (nicht LCP) | Keine Ersparnis in Bytes, aber bei der anfänglichen Ladezeit. | "Defer offscreen images". |
Häufige Fallstricke bei der Jagd nach einem grünen Wert
- Ihr LCP-Bild ebenfalls per Lazy Loading laden, sodass die erste Darstellung langsamer statt schneller wird.
- Nur das Hero-Bild optimieren und den Rest der Seite vergessen.
- Ein separates Optimierungstool verwenden, das nicht mit Ihrem Cache-Plugin zusammenarbeitet, sodass Besucher trotzdem die alten Dateien sehen.
- Nur auf die Zahl schauen, ohne die tatsächliche Ladezeit und Nutzererfahrung zu prüfen.
- Keine separate mobile Messung durchführen; PageSpeed Insights zeigt Desktop und Mobil getrennt an, und mobil fällt der Wert oft niedriger aus.
Häufig gestellte Fragen
Nein. Bilder sind einer der Faktoren, die PageSpeed misst; Server-Antwortzeit, JavaScript, Schriften und externe Skripte zählen ebenfalls. Die Bildoptimierung behebt gezielt die Bild-Audits, nicht automatisch alle anderen Punkte.
Lighthouse ist die zugrunde liegende Audit-Engine; PageSpeed Insights ist ein Online-Tool, das Lighthouse verwendet und zusätzlich echte Felddaten von Chrome-Nutzern anzeigen kann.
Ja, Komprimieren ist erlaubt, aber sorgen Sie dafür, dass dieses Bild nicht per Lazy Loading geladen wird. Ein kleineres, sofort geladenes LCP-Bild ist meist der schnellste Gewinn für diese spezifische Messung.
Das ist meist eine Cache-Frage: Ihr Hosting-Cache, ein Cache-Plugin oder ein CDN zeigt noch eine zuvor gespeicherte Version. Ein Cache-Purge nach einem Bulk-Lauf behebt das in der Regel.
Ja, die zugrunde liegenden Dateien werden für alle Geräte kleiner. Mobil fällt der Wert oft niedriger aus als auf dem Desktop, einfach weil die Messung eine langsamere Verbindung simuliert.
Nach größeren Änderungen an Inhalt, Theme oder Plugins ist eine neue Messung sinnvoll. Einzelne Messungen können außerdem untereinander etwas schwanken, daher ist eine einzelne Messung nicht immer repräsentativ.