Beschreibung

Crazy Lazy hilft, die Performance deiner Website oder deines Blogs durch eine effektivere Einblendung von Bildern zu verbessern. Wenn eine Seite normalerweise einige Bilder anzeigt, verhindert Crazy Lazy, dass diese Bilder geladen werden. Erst wenn der Benutzer nach unten scrollt und die Position erreicht, an der ein Bilder angezeigt werden soll, wird das jeweilige Bild vom Server nachgeladen und angezeigt.

Durch das Laden von Bildern, wenn sie benötigt werden, kann Crazy Lazy die Seitenladezeit und den (potentiell teuren) Traffic verringern.

Dieses Lazy-Loading Plugin ist sehr einfach und benötigt keine Einstellungen: aktivieren, fertig. Abhänging vom Theme oder der Verwendung von jQuery wird von Crazy Lazy optional eine veränderte Version des jQuery-Plugin Unveil.js oder die native JavaScript-Bibliothek lazyload.js verwenden.

Styling

Platzhalter für Bilder können zum Beispiel wie folgt formatiert werden:

img[src*='data:image/gif;base64'] {
    border: 1px dashed #dbdbdb;
}

img.crazy_lazy {
    background: url(/wp-includes/images/wpspin-2x.gif) no-repeat center center;
    background-size: 16px 16px;
}

Bilder ausschließen

Es ist möglich, einige Bilder vom verzögerten Laden auszuschließen. Dies kann erreicht werden, indem das Attribut data-crazy-lazy="exclude" zu Bildern hinzugefügt wird, die nicht verzögert durch das Plugin geladen werden sollen.

Arbeitsspeicherauslastung

• Back-End: ~ 0,01 MB
• Front-End: ~ 0,04 MB

Danksagungen

• Autor: Sergej Müller
• Pflege durch: pluginkollektiv