We'll create fresh WordPress site with Crazy Lazy installed. You have 20 minutes to test the plugin after that site we'll be deleted.
Warning: Crazy Lazy has reached end of life. WordPress 5.5+ supports lazy-loading of images in Core based on the native HTML loading
attribute. If you look for an alternative plugin, we recommend to use Lazy Loader instead.
Crazy Lazy helps increasing the performance of your blog or website by displaying images efficiently. When a page would usually display some images, Crazy Lazy will prevent those images to load. Only when a user scrolls down the page and reaches the position where an image actually should be displayed, that particular image will be loaded from the server.
By loading images only when needed, Crazy Lazy will reducing page loading times and (potentially costly) traffic.
This Lazy Load plugin is structured very lean and does not require any settings: activate, done. Depending on the theme or the usage of jQuery Crazy Lazy optionally will utilze a modified version of the jQuery plugin Unveil.js, or the native JavaScript library lazyload.js.
Placeholders for images can be styled, i.e. like this:
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;
}
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.