Lazyload sorgt dafür, dass Komponenten erst geladen werden, wenn sie sich im sichtbaren Bereich des Browsers befinden.

Deine Seite lädt dadurch schneller und Besucher haben eine angenehmere Erfahrung.

Gut zu wissen

Wir bieten keine Dienstleistungen, Beratungen oder Support zu eigenem Code an.

Falls du technische Schwierigkeiten mit deiner Seite hast, entferne eigenen Code, um zu prüfen, ob es daran liegt.

Lazyload für iframes aktivieren

So kannst du Lazyload für eingebettete iframes aktivieren:

1. Bette einen iframe ein.
2. Bearbeite den Code.
   1. Füge die Klasse lazyload hinzu.
   2. Ersetze src durch data-src.

   3. Beispiel:

      <iframe data-src="https://..." class="lazyload"></iframe>

3. Klicke auf die Schaltfläche Speichern.

Lazyload für eingebettete Bilder aktivieren

So kannst du Lazyload für eingebettete Bilder aktivieren:

1. Bearbeite den Code.
1. Füge die Klasse lazyload hinzu.
2. Ersetze src durch data-src.
3. Setze data-original-width und data-original-height mit der Originalgröße des Bildes.

4. Beispiel:

   <img data-src="https://..." class="lazyload" data-original-width="2048" data-original-height="2048" />

2. Klicke auf die Schaltfläche Speichern.