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

It’s possible to exclude some images from the lazy loading. This can be achieved by adding a data attribute data-crazy-lazy="exclude" or data-skip-lazy to the images that should not lazy loaded by the plugin.
Alternatively you can add a CSS class crazy_lazy or skip-lazy. These CSS classes can also be added to the image block.

Support

• Community support via the support forums on wordpress.org
• We don’t handle support via e-mail, Twitter, GitHub issues etc.

Contribute

• Active development of this plugin is handled on GitHub.
• Pull requests for documented bugs are highly appreciated.
• If you think you’ve found a bug (e.g. you’re experiencing unexpected behavior), please post at the support forums first.
• If you want to help us translate this plugin you can do so on WordPress Translate.

Danksagungen

• Autor: Sergej Müller
• Betreut von: pluginkollektiv