CLS senken: Layout-Spruenge sicher vermeiden

Woher kommt CLS?

Sie entsteht, wenn Bilder oder Widgets nach dem ersten Rendern nachrutschen.

<img src="/img/og-image.webp" width="700" height="370" alt="Beispiel">

width und height IMMER angeben.

Der Trick mit aspect-ratio

.card {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

Damit bleibt der Platz reserviert – der Warnhinweis verschwindet.