Zusammenfassung

Faules Laden ist eine Technik, die die Seitengeschwindigkeit und Anzeigensichtbarkeit verbessert, indem das Laden von Anzeigen angehalten wird, bis sie in das Ansichtsfenster des Benutzers betreten. Es ist ideal für lange Artikel oder Seiten mit unendlicher Schriftrolle. Diese Anleitung enthält Schritt-für-Schritt-Anweisungen zum Integrieren von faulen Laden sowohl für WordPress- als auch für Nicht-WordPress-Websites.

1. Was ist Lazy Loading?

Lazy Loading ermöglicht es Ihnen, Seiten schneller zu laden, Ressourcenverbrauch und Streitigkeiten zu reduzieren und die Anzeigerate zu verbessern, indem Sie die Anfrage und das Rendern von Anzeigen anhalten, bis sie sich dem Fenster des Benutzers nähern. Das bedeutet, dass Lazy Loading darin besteht, alle X Absätze Ihrer Artikel ein Anzeigen-Tag hinzuzufügen.

2. Wie funktioniert Lazy Loading?

Unser System bietet normalerweise nur zwei Megabanner (oben und unten) pro Seite aus mehreren Gründen:

Lazy Loading bietet eine Lösung, um mehr Anzeigen auf langen Seiten ohne diese negativen Auswirkungen zu schalten.

3. Wann man Lazy Loading verwenden sollte

Wenn Sie lange Artikel oder unendliche Scrollseiten haben, empfehlen wir, unsere Tags dynamisch zu duplizieren, wie Sie es in Iframes innerhalb derselben Seite wünschen.

Hier ist eine Beispielseite:https://www.themoneytizer.com/demo/preview_lazy_loading

In dieser Beispielseite werden die 2 Megabanner oben auf der Seite normalerweise über eine Copy-Paste-Integration unserer JS Tags in den Code geladen, sie laden gleichzeitig mit der Seite. Andererseits werden die beiden anderen Megabanner, die sich weiter unten in den Artikeln befinden, die sich im Artikelfluss befinden, ausgelöst, sobald ihr Standort für den Benutzer beim Scrollen der Seite sichtbar wird.

4. Wie man Lazy Loading integriert

a) Lazy Loading mit WordPress

Voraussetzungen:

• Leere SchieferErweiterung

• Anzeige InserterErweiterung

Umsetzung:

• Schritt 1: Erstellen Sie die Anzeigenseite

1. Gehen Sie auf die Registerkarte "Seiten" und erstellen Sie eine neue Seite.

2. Wählen Sie in der rechten Seitenleiste unter "Seitenattribute" die Vorlage "Leere Platte".

3. Fügen Sie im Seiteninhalt einen "Benutzerdefinierten HTML"-Block hinzu und fügen Sie Ihr Anzeigen-Tag ein.

4. Veröffentlichen Sie diese Seite und kehren Sie zur Seitenliste zurück.

5. Benennen Sie das Slug-Feld dieser neuen Seite intmz-lazy-loading
   

• Schritt 2: Ad Inserter konfigurieren

1. <iframe>Code:
   

<iframe src="../tmz-lazy-loading" loading="lazy" scrolling="no" width="310" height="260" frameborder="0"></iframe>

Achtung:Dieser Code hat die Abmessungen eines oberen mittleren Rechtecks (300x250).

<iframe src="../tmz-lazy-loading" loading="lazy" scrolling="no" width="738" height="100" frameborder="0"></iframe>

b) Faules Loading ohne WordPress

Voraussetzungen:

• FTP-Zugriff für Ihre Website

• Begriffe im Javascript

Umsetzung:

• Wenn Sie beispielsweise in Schritt 1 einen Megabanner auswählen, lautet Ihr Code:

<iframe src="../tmz-lazy-loading" loading="lazy" scrolling="no" width="738" height="100" frameborder="0"></iframe>

Sie müssen nun ein Javascript-Skript erstellen, das auf Ihre Absätze abzielt und alle X Absätze Ihrer Artikel hinzufügen.

Html

<Scripttype="text/javascript">

(Funktion(){

setTimeout(funktion(){

für(varj=1;document.querySelectorAll("p").length> >j;j++){

wenn(j%3===0){

document.querySelectorAll("p")[j].insertAdjacentHTML('afterend',

"<iframesrc=.."/tmz-lazy-loading.html"Laden="lazy"Scrollen="nein"Breite="738"Höhe="100"frameborder="0">');

}

}

},2000);

}) };

</script>