Wichtigste Erkenntnisse
Machen Sie Schluss mit dem Springen von Schaltflächen und dem Scrollen von Text, während die Seite geladen wird. Möglichkeiten, den CLS-Score auf Null zu reduzieren.
Scrolls, die die Geduld des Benutzers auf die Probe stellen: CLS
Es gibt kaum eine Erfahrung, die schlimmer ist, als wenn der Text, den Sie lesen möchten, plötzlich nach unten scrollt oder die Schaltfläche ihre Position ändert, gerade als Sie darauf klicken möchten. Google misst diese Instabilität mit der Metrik Cumulative Layout Shift (CLS) und betrachtet weniger als 0,1 als „gut“.
Warum tritt CLS auf?
- Bilder und Videos mit nicht spezifizierten Größen.
- Verzögertes Laden von Schriftarten (FOIT/FOUT-Problem).
- Dynamisch hinzugefügte Werbeflächen oder Widgets.
- Stiländerungen aufgrund des späten Ladens von CSS Dateien.
Lösungen
- Fügen Sie
width- undheight-Werte zu allen-Tags hinzu. - Platzreservierung mithilfe der
aspect-ratio-Eigenschaft in CSS - Wenn Sie
font-display: swapzum Hochladen von Schriftarten verwenden, richten Sie die Abmessungen der aus Ersatzschriftart mit der Hauptschriftart. - Erstellen Sie Container mit fester Höhe für Werbeflächen.
Zugehöriger Service
Performance & Meta Ads
Schluss mit Budgetverlusten dank Server-CAPI und messbarem ROAS-Wachstum
