Kumulative Layout-Verschiebung (CLS)
Kumulative Layout-Verschiebung (CLS) ist eine Usability-Metrik für Websites, die von Google als eine der Core Web Vital-Metriken entwickelt wurde.
Sie misst in welchem Umfang Benutzer unerwarteten Layout-Verschiebungen begegnen, bei denen Elemente der Seite auf eine unerwartete Weise verschoben werden: also nicht durch eine Benutzeraktion wie das Drücken eines Knopfes oder als Teil einer Animation.
Layout-Verschiebungen können zum Beispiel durch <img>
oder <video>
-Elemente verursacht werden, denen nicht die Attribute width
und height
zugewiesen sind, sodass der Browser nicht weiß, wie viel Platz sie einnehmen werden, bis sie geladen sind.
Die LayoutShift
-Schnittstelle, Teil der Performance API, kann verwendet werden, um einzelne Layout-Verschiebungen zu messen, die dann zur Berechnung des CLS-Scores für eine Webseite genutzt werden können.
Siehe auch
- CLS auf web.dev