Image Optimizer Check
Bilder einer Seite auf Optimierungsprobleme prüfen: Alt-Texte, Lazy Loading, Formate, Größe und Responsive.
Methodik & Funktionsweise
Was wird geprueft?
Analysiert Bilder einer Webseite auf Optimierungspotenzial: Format, Größe, Alt-Texte und Lazy Loading.
Wie funktioniert es?
Alle Bild-Tags im HTML werden extrahiert. Geprüft werden: Dateiformat (WebP/AVIF-Empfehlung), Dateigröße, Vorhandensein von Alt-Texten und Lazy-Loading-Attributen.
Beispiel-Ergebnis
12 Bilder gefunden → 3 ohne Alt-Text, 5 als PNG statt WebP (Einsparung: ~60%), 2 ohne Lazy Loading
Was prüft der Image Optimizer?
Der Image Optimizer analysiert alle Bilder einer Webseite auf Optimierungspotenzial. Bilder machen oft 50-80% des Seitengewichts aus und sind damit der größte Hebel für Performance-Optimierung. Geprüft werden: Dateiformat (WebP und AVIF bieten deutlich bessere Kompression als PNG und JPEG), Dateigröße, Vorhandensein von Alt-Texten für SEO und Barrierefreiheit sowie Lazy-Loading-Attribute für Below-the-Fold-Bilder.
Bilder optimieren
- 1Verwenden Sie WebP oder AVIF statt PNG/JPEG – Einsparung oft 50-80%.
- 2Setzen Sie width und height auf img-Tags, um Layout-Verschiebungen (CLS) zu vermeiden.
- 3Nutzen Sie loading="lazy" für Bilder unterhalb des sichtbaren Bereichs.
- 4Alt-Texte sind Pflicht für SEO und Barrierefreiheit – beschreiben Sie den Bildinhalt.