LazyLoad Background Images
Helps deferring offscreen background images and improves website speed by reducing HTTP requests .
Betyg
Senast uppdaterat
March 31, 2024
Version
1.0.7
Aktiva installationer
400
This plugin will delay the loading of background images in your website and thus helps boosting the website loading time by reducing total number of HTTP requests.
Quick Notes & Links
- Do not lazyload background images which are peresent above the fold because this will increase time to First Contentful Paint(FCP) metric and affect the speed of your website .
- Background images that are added using inline CSS e.g,
<p style=" background-image: url( path/to/background-img.jpg )" > </p>
are lazyloaded by this plugin by default . - No dependencies required for this plugin to work.
- No extra HTTP request
- Add the selectors of the elements that have background images in the plugin settings page or add
lazyload-bg
class to the element . - WordPress Tips and Tricks By Proloy Bhaduri
- Buy me a Coffee
Works smoothly with almost every page builders
Exclude certain inline background images from lazy loading using filter hook lazyload_inline_bg_excludes
add_filter(’lazyload_inline_bg_excludes’,function($exclude_keywords){ $exclude_keywords = [ ’bg-image.jpg’, ’class-name’, ’id’, ’or any unique keyword that the element with background image has’ ]; },10,1);
Note: Add the above code to the functions.php
file of your active theme/child theme or using a code snippets plugin.
Det här tillägget är tillgängligt för nedladdning och kan användas på din WordPress-installation som drivs på egen server.