Core Web Vitals: Wie vermeide ich das CLS-Problem?

Kumulative Layoutverschiebung (CLS) ist eine Core Web Vital-Metrik, mit der die visuelle Stabilität der Website gemessen wird. Sie hilft dabei, die Häufigkeit unerwarteter Layoutänderungen bei Benutzern zu messen. Diese plötzlichen Änderungen können die Benutzererfahrung erheblich beeinträchtigen und dazu führen, dass Benutzer den Überblick über Inhalte verlieren, falsch klicken oder mit ungewollten Elementen interagieren.

CLS-Probleme können auftreten, wenn der CTA dynamisch zwischen wichtigen Elementen wie dem Produktbild und der Galerie geladen wird.

Da der Tangiblee-CTA geladen wird, nachdem alle anderen Elemente auf der Seite vorbereitet wurden, ist die Auswahl der geeigneten Platzierung unerlässlich, um dieses Problem auszuräumen.

Wie kann das CLS-Problem minimiert und verhindert werden?

1. Die beste Methode ist die Injektion von Tangiblee CTA an einer bestimmten Stelle durch absolute Positionierung. Das ist für Nutzer leicht zu erkennen und überschneidet sich nicht mit relevanten Inhalten auf PDP.

2. Verwendung eines vom Kunden bereitgestellten Containers für Tangiblee-CTA unter Angabe der Container-ID und des Klassennamens.‍

NOTIZ: Bitte achten Sie beim Erstellen eines Containers darauf, die Abmessungen so einzustellen, dass er eine bestimmte Stelle auf der Seite einnimmt.

3. Eine durchdachte Designauswahl ist unerlässlich. Die effektive Nutzung von Leerzeichen auf der Seite bietet eine hervorragende Gelegenheit, den CTA nahtlos zu integrieren, vorausgesetzt, es ist ausreichend Platz für das Einfügen verfügbar.

‍