Knowledgebase: Site Design

How do I Enable Image Lazy Loading?


Lazy image loading is intended to optimize page loading times by loading images and video asynchronously with the rest of the page. By lazy loading the images, the browser will wait until all other aspects of the page are loaded before displaying the images. Furthermore, if the page contains images nearer to the bottom of the page, these won't actually be loaded unless the viewer actively scrolls down to the image and it appears in the browser's view frame. Since image and video files tend to make up the bulk of page load times, the intent behind lazy loading is to speed up load times for your page and serve the images as they are needed, rather then loading images first followed by the rest of the page.

To enable Image Lazy Loading on your Shift4Shop store, follow these steps:

The following feature has been implemented on Shift4Shop CORE themes and templates only. HTML5 themes do not have this capability.

  1. Log into your Shift4Shop Online Store Manager
  2. Using the left-hand navigation menu, go to Settings >General >Store Settings
  3. Once you get to the Settings page, click on the "General" tab located along the top.
  4. In the Performance section, mark the checkbox labeled "Enable Image Lazy Loader"
  5. Click "Save" at the top right of the page

Once complete, your store's images will use the lazy loading technique.

Help Desk Software by Kayako fusion