Zum Inhalt springen
SilktideHilfe

Layout-Verschiebungen

Silktide beobachtet Ihre Seite während des Ladens und misst, wie stark sich das Layout verschiebt, und identifiziert die konkreten Teile der Seite, die sich bewegen. Eine stabile Seite erscheint einmal und bleibt an Ort und Stelle; eine instabile verschiebt sich, während Bilder, Schriftarten und Einbettungen geladen werden.

Die Messgröße ist Cumulative Layout Shift (CLS), eine von Googles . Sie summiert jede unerwartete Bewegung während des Ladens: 0,1 oder weniger gilt als gut, 0,25 oder mehr gilt als schlecht.

Warum das wichtig ist

Layout-Verschiebungen verursachen echte Fehler. Ein Besuchender tippt auf einen Link, der Inhalt springt im letzten Moment, und er tippt etwas anderes an – manchmal eine Anzeige, manchmal "Kaufen" statt "Abbrechen". Text, den die Person gerade liest, springt ihr unter den Fingern weg. Das lässt eine Website kaputt und unzuverlässig wirken – ein Eindruck, den Besuchende sofort bemerken, auch wenn sie ihn nicht benennen können.

Google verwendet die Core Web Vitals, einschließlich dieser, auch als Signal für das Suchranking. Eine instabile Seite kann daher sowohl Sichtbarkeit als auch Wohlwollen kosten.

So beheben Sie das

Silktide zeigt, welche Elemente sich verschoben haben; die Lösung besteht darin, ihren Platz zu reservieren, bevor sie geladen werden.

  1. Geben Sie jedem Bild und jedem Video eine explizite Breite und Höhe (oder ein CSS-Seitenverhältnis), damit der Browser den richtigen Platz reserviert, bevor die Datei eintrifft – siehe Explizite Bildgrößen.
  2. Reservieren Sie Platz für Anzeigen, Einbettungen und andere spät ladende Inhalte mit einem Container fester Größe, auch wenn dieser manchmal teilweise leer ist.
  3. Fügen Sie niemals neue Inhalte oberhalb dessen ein, was die Besuchenden bereits lesen, es sei denn, dies geschieht als Reaktion auf deren eigene Aktion.
  4. Laden Sie benutzerdefinierte Schriftarten so, dass ein sichtbarer Reflow von Text vermieden wird – siehe Sichtbarer Text während des Ladens.

So testet Silktide das

  1. Laden Sie die Seite in einem realen Browser, mit dem Gerätetyp, der Verbindungsgeschwindigkeit und dem Teststandort, die für Ihre Geschwindigkeitstests konfiguriert sind.
  2. Protokollieren Sie jede unerwartete Layoutbewegung während des Ladens der Seite und summieren Sie sie zur Cumulative-Layout-Shift-Gesamtpunktzahl der Seite.
  3. Melden Sie jedes Element, das sich verschoben hat, mit seinem und seinem individuellen Beitrag zur Summe.
  4. Silktide bewertet die Seite anhand ihres Gesamtwerts, auf der öffentlichen Skala für diese Messung: 0,1 oder weniger ist gut, 0,25 oder mehr ist schlecht.

Fehlerbehebung

Ich sehe keine Bewegungen auf der Seite

Verschiebungen treten oft in den ersten Momenten des Ladens auf, bevor Sie zu lesen beginnen, oder nur bei langsameren Verbindungen, bei denen Dateien zeitversetzt eintreffen. Möglicherweise hat Ihr Browser die Bilder und Schriftarten der Seite auch im Cache, sodass nichts verspätet ankommt. Die von der Prüfung aufgelisteten Elemente zeigen jedoch genau, was sich bewegt hat – und sei es nur kurz.

Mein Wert unterscheidet sich von anderen Tools

CLS hängt von Gerät, Verbindungsgeschwindigkeit und dem Messzeitraum ab. Silktide misst einen kontrollierten Seitenaufruf mit Ihren konfigurierten Einstellungen für Geschwindigkeitstests; Tools, die auf echten Besucherdaten basieren (oder die weiter messen, während Nutzende scrollen und interagieren), können für dieselbe Seite berechtigterweise unterschiedliche Werte melden.

Mehr erfahren

Zuletzt aktualisiert

War diese Seite hilfreich?