Breeze implement Lazy-Load for images using the WordPress ecosystem. The images are replaced by a dummy transparent image as a placeholder and when it reaches the screen, the original image is loaded.
The code recognizes the data-sizes and data-srcset attributes used for displaying the correct image size based on the resolution.
The following attributes replace the original attributes:
data-breeze = src
data-brsrcset = data-srcset
data-brsizes = data- sizes
The code will present two options for the users.
.)The first option is the default Lazy-Load JavaScript-based library, which will add an extra JS library to be loaded on the front end.
.)Native Lazy load option does not use JavaScript, but it’s based on the browser engine. This functionality is recognized by around 70% of the browsers right now
Yes of course Breeze enables lazyloads for iframes and videos.In Breeze, there is option iFrame lazy load under Lazy Load Images.
While enabling the option iFrame lazy load As the page is scrolled, the videos load, you can follow the network tab.
There is no need for preview images as the videos load by lazy load right before they come into the viewport.
