Kostenloser CLS-Tester & Analyzer

Cumulative Layout Shift misst, wie stark sich der Seiteninhalt während des Ladens unerwartet verschiebt. Je niedriger, desto besser.

Unter 0,1 ist Gut. 0,1 bis 0,25 ist verbesserungswürdig. Über 0,25 ist Schlecht.

Ja, völlig kostenlos.

Absolut. Der CLS Tester & Analyzer verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der CLS Tester & Analyzer ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den CLS Tester & Analyzer in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Ja, der CLS Tester & Analyzer wurde gemäß den aktuellen Richtlinien und Best Practices von Google Search entwickelt. Wir aktualisieren das Tool regelmäßig, um Änderungen an den Anforderungen der Suchmaschinen zu berücksichtigen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der CLS Tester & Analyzer funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

CLS ist kein Maß für Zeit, sondern ein Score, der jede unerwartete Layoutverschiebung über die gesamte Lebensdauer einer Seite summiert. Jede Verschiebung wird anhand zweier miteinander multiplizierter Faktoren bewertet: der Impact Fraction, also wie viel vom sichtbaren Viewport sich bewegt hat, und der Distance Fraction, also wie weit sich die Elemente relativ zum Viewport verschoben haben. Eine Verschiebung, die einen großen Inhaltsblock weit nach unten schiebt, erzielt einen deutlich höheren Score als ein winziges Rucken. Der Browser addiert anschließend alle diese unerwarteten Verschiebungen zu einer einzigen Endzahl. Entscheidend ist: Bewegungen, die innerhalb von etwa 500 Millisekunden nach einem Klick oder Tap des Nutzers auftreten, werden ausgeschlossen, da sie meist beabsichtigt sind. Dieses Tool bildet exakt diese Logik nach, ignoriert eingabebedingte Verschiebungen und summiert ausschließlich die unerwarteten. Öffnen Sie es auf einer beliebigen Seite, um zu sehen, wie der laufende Gesamtwert live in Ihrem Browser entsteht.

Labor-Tools messen einen einzelnen Seitenaufruf auf einem Gerät unter kontrollierten Bedingungen, während Feld-Tools wie der Chrome User Experience Report viele echte Besuche über unterschiedliche Bildschirme, Netzwerke und Nutzerverhalten hinweg mitteln. Dieser Unterschied erklärt, warum Ihr Labor-Wert und Ihr Feld-Wert selten übereinstimmen. Eine Seite kann in einem einzelnen synthetischen Test stabil wirken und trotzdem bei Besuchern mit langsamen Verbindungen oder kleineren Viewports springen, wenn spät ladende Bilder und Anzeigen sich dort anders verhalten. Um Core Web Vitals zu bestehen, betrachtet Google das 75. Perzentil des echten CLS-Werts von Nutzern — sowohl mobil als auch am Desktop —, das bei 0,1 oder darunter liegen sollte. Die Live-Messung in diesem Tool spiegelt Ihr eigenes Gerät, Ihre Bildschirmgröße und Ihr Netzwerk in genau diesem Moment wider und verhält sich damit eher wie eine einzelne Feld-Stichprobe als wie ein Labor-Durchschnitt. Führen Sie die Messung mehrfach aus, um zu sehen, wie sich unterschiedliche Bedingungen auf das Ergebnis auswirken.

Ein hoher CLS-Wert lässt sich fast immer auf ein paar immer wiederkehrende Übeltäter zurückführen. Bilder und iFrames ohne explizite width- und height-Attribute oder ein CSS-aspect-ratio zwingen die Seite dazu, sich beim Laden neu umzubrechen. Werbeflächen, die ohne reservierten Platz erscheinen, schieben Inhalte plötzlich nach unten. Inhalte, die oberhalb bestehender Elemente eingefügt werden, etwa Banner oder Hinweise, drücken alles darunter nach unten. Und Webfonts, die spät nachgeladen werden, können ganze Textabsätze neu umbrechen. Die zuverlässige Lösung besteht darin, für alles, was asynchron lädt, im Voraus Platz zu reservieren, sodass das Layout nie springen muss, um Platz dafür zu schaffen. Für Bewegungen, die Sie tatsächlich wollen, animieren Sie mit transform und opacity statt mit Eigenschaften, die eine vollständige Layout-Neuberechnung auslösen. Dieses Tool listet diese Muster zusammen mit ihren Lösungen auf — fügen Sie also Ihren Score ein oder messen Sie ihn, und nutzen Sie die Hinweise, um gezielt die Verschiebungen anzugehen, die Ihrer Seite schaden.

Beim Laden der Seite hängt der Analyzer einen PerformanceObserver an layout-shift-Events an und fordert dabei gepufferte Einträge an. Dieses Detail zur Pufferung ist wichtig: Es erfasst Verschiebungen bereits ab dem genauen Moment, in dem der Ladevorgang begann, nicht erst ab dem Start des Messskripts, sodass nichts Frühes verloren geht. Sobald Verschiebungen auftreten, liest das Tool die Live-Daten der Layout Instability API aus — dieselbe Browser-Schnittstelle, auf die auch Googles eigene Tools zugreifen — und führt einen laufenden Gesamtwert, gerundet auf drei Nachkommastellen, neben einem Bewertungs-Badge. Da der Wert direkt von Ihrem echten Gerät, Ihrer Bildschirmgröße und Ihrem Netzwerk in diesem Moment stammt, spiegelt er tatsächliche Bedingungen wider statt einer idealisierten Simulation. Es findet dabei kein Crawling und kein Server-Roundtrip statt; alles läuft lokal ab. Öffnen Sie das Tool auf der Seite, die Sie bewerten möchten, und beobachten Sie, wie sich der Score und seine Bewertung Gut, Verbesserungswürdig oder Schlecht aktualisieren, während sich das Layout stabilisiert.

Die Messung im Browser liest ausschließlich die Seite, die Sie gerade geöffnet haben, da sie auf Live-Layout-Shift-Events dieses Dokuments hört. Sie crawlt oder ruft keine externe URL selbst ab. Um eine andere Website zu analysieren, stehen Ihnen hier zwei Möglichkeiten zur Verfügung. Erstens der manuelle Score-Analyzer: Geben Sie einen beliebigen Wert zwischen 0,0 und 1,0 aus einem bereits vorliegenden Bericht ein, und das Tool liefert sofort die Bewertung Gut, Verbesserungswürdig oder Schlecht anhand von Googles Schwellenwerten. Zweitens können Sie eine URL in das dafür vorgesehene Feld einfügen, woraufhin das Tool Sie zu Googles PageSpeed Insights weiterleitet und den entsprechenden Bericht in einem neuen Tab öffnet, in dem Sie sowohl Labor- als auch echte Nutzer-Felddaten erhalten. Auch wenn es externe Seiten also nicht direkt scannt, liefert es Ihnen eine schnelle Bewertung und einen Ein-Klick-Zugang zu tieferliegenden Daten. Probieren Sie den Score-Analyzer aus, um jeden vorliegenden Wert einzuordnen.