Geschwindigkeit

Der Inhalt springt beim Laden (CLS)

Üblicher Schweregrad: mittel · Aufwand: gering

Woran du es erkennst

Text und Schaltflächen verschieben sich, während die Seite lädt — man klickt auf etwas anderes als das, was man treffen wollte.

Warum es zählt

Springende Inhalte sind einer der ärgerlichsten Fehler überhaupt: Sie führen zu Fehlklicks direkt vor dem Abschluss und untergraben das Vertrauen in die Seite. CLS ist zudem ein bestätigter Rankingfaktor.

So behebst du es

  1. Gib Bildern und Videos feste `width`- und `height`-Attribute oder ein `aspect-ratio`, damit ihr Platz vorab reserviert ist.
  2. Reserviere Platz für Werbung, Einbettungen und nachgeladene Banner, statt sie in den Fluss einzuschieben.
  3. Lade Schriften mit `font-display: optional` oder `swap` und passenden Ersatzmaßen, damit der Schriftwechsel nichts verschiebt.

Zum Nachlesen