CLS (Cumulative Layout Shift) ist das Core Web Vital, das misst, wie stark Elemente auf der Seite während des Ladens verschoben werden. Bei Maklerwebsites mit vielen Bildern ist es häufig das größte Problem.

Warum Immobilienfotos Layout-Shifts verursachen

Wenn ein Bild ohne definierte Abmessungen lädt, reserviert der Browser zunächst keinen Platz. Sobald das Bild erscheint, verdrängt es den darunter stehenden Text – das ist ein Layout-Shift. Bei einem Exposé-Galerie mit 15 Bildern kann das zu einem CLS-Wert von 1,5+ führen.

Die Lösung: width und height immer angeben

<!-- Falsch: -->
<img src="wohnung.webp" alt="Wohnzimmer Frankfurt-Bornheim">

<!-- Richtig: -->
<img src="wohnung.webp" width="1200" height="800" alt="Wohnzimmer Frankfurt-Bornheim">

Der Browser kann damit das Seitenverhältnis vorab berechnen und Platz reservieren – kein Shift.

Weitere CLS-Ursachen bei Maklerwebsites

  • Cookie-Banner, die nach dem Laden über Content erscheinen
  • Web-Fonts, die nach dem Laden Text-Größen ändern (FOIT/FOUT)
  • Dynamisch eingeblendete Banner oder Notification Bars
  • Google Maps Embed, der Platz verdrängt

CLS messen

Chrome DevTools → Lighthouse → CLS-Wert. Oder PageSpeed Insights → Core Web Vitals-Sektion. Ziel: unter 0,1.