Lazy Load


I am using lazy load add-on from the unitheme 2. Can I add to any image a lazy load (e.g. some images on the front-page re not lazy loaded)?



In modern web browsers you do not need an add-on for this feature; it is built into the browsers. Just add loading="lazy"

<img src="image.png" loading="lazy" alt="…" width="200" height="200">

Here are the supported values for the loading attribute:

  • auto: Default lazy-loading behavior of the browser, which is the same as not including the attribute.
  • lazy: Defer loading of the resource until it reaches a calculated distance from the viewport.
  • eager: Load the resource immediately, regardless of where it's located on the page.

Here is example from UniTheme

thank you!!!

so I put class="lazyOwl" and it works?