Image Lazy Loading


In Avada 5.8, we introduced Lazy Load for images. This can be enabled under the Performance tab at Avada > Theme Options > Performance. What this does is to only load the images that are visible in the viewport. As the user scrolls and more images come into view, they are then loaded as well. This provides an instant benefit to page load times, as only the initial images in the viewport are loaded.

Image Lazy Loading

Where Is Lazy Load Enabled?

Lazy Load is enabled in these areas and elements in Avada:

  • Blog Element – medium, large, grid and masonry

  • Blog Archive – medium, large, grid, and masonry

  • Single Blog Post Featured Image, first and slides

  • Blog Grid with multiple images

  • Portfolio Element – grid and masonry

  • Portfolio Archive

  • Single Portfolio Post Featured Image, first and slides

  • Gallery Element

  • Image Element

  • Image Before/After Element

  • Person Element

  • Testimonial Element

  • Content Box Element

  • Flip Box Element

  • Slider Element

  • Post Slider Element

  • Recent Posts Element

  • Lightbox Element

  • Container background

  • Column background

For more information on How Avada Controls Responsive Images, please see the linked doc.