Bild-Dimensions gesetzt
Prüft dass Bilder width/height-Attribute haben gegen CLS.
Was dieser Check misst
Wir zählen <img>-Tags ohne width/height. Fehlende Dimensions verursachen Layout-Shift (CLS) beim Laden.
Warum es wichtig ist
Bilder ohne Dimensions sind die #1-Ursache für CLS — Browser reserviert null Space, springt beim Laden. Google penalisiert CLS > 0.1.
Wie unser Audit es erkennt
<img>-Tags ohne width oder height zählen.
Typische Findings
- error_outlineContent-Bilder in CMS-generiertem Blog ohne Dimensions.
- error_outline<img> mit nur width — Browser berechnet Height dynamisch.
So behebst du es
Raw width und height auf jedes <img>. Responsive: mit CSS `height: auto` und `max-width: 100%` kombinieren. Next.js Image setzt Dimensions automatisch.
Häufige Fragen
Auf Background-Bildern nötig?expand_more
Soll das auf deiner Site geprüft werden?
Pantra läuft den vollen Audit (SEO, Sicherheit, GEO, Performance, Schema, Technik, Bilder) in 10 Sekunden und generiert stack-spezifische Fix-Prompts.
Site scannenÄhnliche Checks
LCP (Largest Contentful Paint)
Prüft Largest Contentful Paint — wie schnell der Haupt-Content erscheint. Ziel unter 2.5s.
PerformanceCLS (Cumulative Layout Shift)
Prüft Cumulative Layout Shift — wie viel die Seite beim Laden springt. Ziel unter 0.1.
PerformanceINP (Interaction to Next Paint)
Prüft Interaction to Next Paint — Reaktion auf Klicks/Taps. Ziel unter 200ms.
PerformanceFCP (First Contentful Paint)
Prüft First Contentful Paint — wann erster Text/Bild erscheint. Ziel unter 1.8s.