CLS (Cumulative Layout Shift)

Cumulative Layout Shift (CLS) ist eine Core-Web-Vital-Metrik, die die visuelle Stabilität einer Seite während des Ladens misst. Anstatt Geschwindigkeit oder Reaktionsfähigkeit zu messen, konzentriert sich CLS darauf, ob sich sichtbare Inhalte während und nach dem Ladevorgang unerwartet verschieben. Jedes Mal, wenn sich ein Element ohne Nutzerinteraktion bewegt, zeichnet der Browser die Entfernung und Größe der Verschiebung auf. Diese einzelnen Verschiebungswerte werden in Sitzungsfenster gruppiert, und das größte Sitzungsfenster wird zum CLS-Score der Seite. Ein Score von 0,1 oder weniger gilt als gut, 0,1 bis 0,25 muss verbessert werden, und alles über 0,25 ist schlecht.

FlipLinks Viewer ist darauf ausgelegt, CLS zu minimieren, indem er feste Abmessungen für den [Flipbook](/glossary/flipbook)-Container reserviert, bevor der Seiteninhalt vollständig geladen wird. Bilder und interaktive Elemente werden in vorab zugewiesenen Bereichen gerendert, damit sich das Layout beim Eintreffen der Assets nicht verschiebt. Der [Three.js](/glossary/three-js)-Flipbook-Renderer und der [PDF.js](/glossary/pdf-js)-Dokumenten-Viewer initialisieren sich beide mit einem stabilen Rahmen und verhindern, dass die Seitenblätter-Animation Layout-Sprünge verursacht. Der von FlipLink generierte [responsive Einbettungscode](/features/sharing-and-distribution) verwendet Seitenverhältnis-Container, die sofort den korrekten Platz auf der Hostseite beanspruchen. Dieses Design kommt sowohl dem eingebetteten Viewer auf Ihrer Website als auch der gehosteten Publikation auf go.fliplink.me zugute.