Alle Kollektionen
CMS
Pinpoll vs. CLS
Pinpoll vs. CLS

Wir erklären, wie Pinpoll mit dem viel beachteten "Cumulative Layout Shift" (CLS) umgeht.

Tobias Oberascher avatar
Verfasst von Tobias Oberascher
Vor über einer Woche aktualisiert

Kunden fragen uns immer wieder: "Verursacht Pinpoll einen Cumulative Layout Shift?"

Die kurze Antwort: Ja, so wie jedes Element, das asynchron vom Browser geladen wird.

Das ist bei Pinpoll umso mehr der Fall, da Elemente nach dem "Lazy Loading"-Prinzip erst dann angefordert werden, wenn das Element auch tatsächlich im Sichtbereich des Website-Besuchers erscheint - das steigert die Performance und spart Kosten.

Es gibt dennoch Möglichkeiten, einen Shift zu vermeiden. Wir empfehlen unseren Kunden diese zwei Optionen:

  1. Platzhalter in Höhe von 250 px einbauen

  2. Elemente nativ einbauen

Option 1: Platzhalter in Höhe von 250 px einbauen

Die Elemente vom Pinpoll sind im Schnitt ca. 200 px hoch. Wie auch für Werbepositionen üblich, kann für Pinpoll ein Platzhalter vorgesehen werden, der ersetzt wird, sobald das Element geladen wurde. Dadurch wird der Shift bei Elementen bis zu einer Höhe von 250 px komplett vermieden.

Option 2: Elemente nativ einbauen

Wir bieten seit kurzem die Möglichkeit, Elemente auch nativ einzubauen. Das bedeutet, dass kein iFrame verwendet wird und die Höhe des Elements somit bereits zur Ladezeit fix vorgegeben ist, wodurch ein Shift komplett vermieden wird.

Eine native Einbindung ist zudem gut für SEO und die CI, da das CSS der Website auch auf das Pinpoll-Element angewendet wird.

Einen Haken wollen wir aber nicht verschweigen: Änderungen an den Pinpoll-Elementen erfordern immer ein Update des Embed-Codes im CMS des Kunden. Zudem werden nicht alle Optionen von der nativen Einbindung unterstützt.

Unsere Techniker begleiten alle Kunden beim initialen Setup, wodurch eine ideale Integration gewährleistet wird.

Noch Fragen? Dann schreib uns gerne direkt im Chat ↘️

Hat dies Ihre Frage beantwortet?