Daten werden geladen…
Ihre Anfrage wird sicher verarbeitet.
Bilder sind der größte Performance-Killer auf deutschen KMU-Websites. Branchenstudien zeigen: Im Durchschnitt machen Bilder 67 % des gesamten Seitengewichts aus. Eine typische KMU-Startseite lädt 4–8 MB an Bildern — das sind 3–5 Sekunden Ladezeit auf einer mobilen Verbindung. Mit den richtigen Optimierungen reduzieren Sie das auf unter 500 KB.
| Metrik | Typische KMU-Website | Nach Optimierung |
|---|---|---|
| Bildgröße gesamt (Startseite) | 4,2 MB | 380 KB |
| Anzahl Bilder | 12–25 | 12–25 (gleich, nur optimiert) |
| LCP (Largest Contentful Paint) | 4,8 Sek. | 1,9 Sek. |
| Hero-Bild | 2,1 MB JPEG, 3000×2000px | 95 KB WebP, 1200×800px |
| Geschätzte Absprungrate (mobil) | 58 % | 35 % |
Die Kamera liefert 4000×3000px bei 4–8 MB. Der Website-Bereich zeigt das Bild bei 600×400px. Die restlichen 90 % der Pixel werden geladen, aber nie angezeigt.
Lösung: Bilder vor dem Upload auf die tatsächliche Anzeigegröße skalieren. Für Retina-Displays: 2× der Anzeigegröße (also 1200×800px für einen 600×400px Container).
WebP liefert bei gleicher Qualität 25–35 % kleinere Dateien als JPEG. AVIF spart nochmals 20 % — wird aber noch nicht von allen Browsern unterstützt (Safari erst ab 16.4).
| Format | Typische Dateigröße (600×400) | Browser-Support |
|---|---|---|
| JPEG | 180 KB | 100 % |
| WebP | 120 KB | 97 % (alle modernen Browser) |
| AVIF | 85 KB | 92 % (kein IE, ältere Safari) |
Empfehlung: WebP als Standard, JPEG als Fallback. Das <picture>-Element ermöglicht automatische Formatauswahl.
Ohne Lazy Loading lädt der Browser alle Bilder der Seite sofort — auch die, die erst beim Scrollen sichtbar werden. Bei 15 Bildern auf einer Seite werden 12 davon geladen, bevor sie jemand sieht.
Lösung: Das HTML-Attribut loading="lazy" auf alle Bilder außer dem Hero-Bild. Moderne Browser unterstützen es nativ — kein JavaScript nötig.
Achtung: Das Hero-Bild (above the fold) sollte nicht lazy geladen werden — das verschlechtert den LCP.
Prüfen Sie, wie viel Ladezeit Ihre Bilder kosten
6 Bereiche, 23+ Prüfungen in 2 Minuten — kostenlos und DSGVO-konform.
Bilder ohne width und height Attribute verursachen Layout Shifts (CLS): Der Browser reserviert keinen Platz, lädt das Bild, und verschiebt dann den restlichen Inhalt.
Lösung: Immer width und height angeben. CSS kann die tatsächliche Darstellungsgröße überschreiben — aber der Browser kennt das Seitenverhältnis und reserviert den richtigen Platz.
Ein 1200px breites Bild auf einem 375px iPhone: 70 % der Pixel werden nie angezeigt. Das srcset-Attribut löst das Problem:
Der Browser wählt automatisch die passende Größe — 400px auf dem Smartphone, 800px auf dem Tablet, 1200px auf dem Desktop.
| Tool | Funktion | Bestes für |
|---|---|---|
| Squoosh.app | Komprimierung + Format-Konvertierung | Einzelne Bilder, visueller Vergleich |
| TinyPNG / TinyJPG | Batch-Komprimierung | Mehrere Bilder gleichzeitig |
| ShortPixel (WordPress) | Automatische Optimierung beim Upload | WordPress-Websites |
| Cloudinary (Kostenloser Plan) | CDN + automatische Optimierung | Dynamische Websites mit vielen Bildern |
Every month: an actionable compliance checklist, current industry audit results, and the most common website mistakes. Free, no spam.
More resources:
WordPress generiert seit Version 5.5 automatisch loading="lazy" und seit 6.1 WebP-Varianten. Aber:
Für eine typische Handwerker-Website mit 1.000 Besuchern/Monat:
Lassen Sie automatisch prüfen, welche Bilder Ihre Website ausbremsen
6 Bereiche, 23+ Prüfungen in 2 Minuten — kostenlos und DSGVO-konform.
Passende Audit-Pakete
Gezielte Prüfungen für die in diesem Artikel beschriebenen Probleme:
Betrifft das auch Ihre Branche?
Wir haben hunderte Websites pro Branche analysiert. Finden Sie heraus, wie Ihre Branche abschneidet:
Bilder-Performance prüfen
6 Bereiche, 23+ Prüfungen in 2 Minuten — kostenlos und DSGVO-konform.
Gezielte Compliance-Checks
Prüfen Sie Ihre Website auf die wichtigsten Compliance-Risiken — kostenlos und in unter 2 Minuten.
Every month: an actionable compliance checklist, current industry audit results, and the most common website mistakes. Free, no spam.
More resources: