How to Lazy Load Images

Summary

Starting with Oracle Commerce Cloud 19B (19.3.13), you can increase the speed of page loads on your OCC Storefront by recognizing and configuring the priority of the images displayed.

Content

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica} Lazy loading of images helps pages provide more content by recognizing which images will be presented to the shopper, and loading them first. These images are known as in focus. Lazy loading is not used for images that are already in focus. It is instead used for images that will be seen by the shopper only when scrolling, and do not need to be fully loaded during the initial page draw. Instead, the shopper might see an initial generic image, such as a blurred/transparent image of the product, or a spinner. These