Part 1: Sections & Lazy Render

If you have too many sections on the page, edit all sections that are not by default above the fold (user have to scroll down to see them), go to the Advanced tab, and enable the Lazy Render option, as shown on the following screenshot.

By enabling this Lazy Render option, ShortPoint will not render the corresponding section and its content, unless the user scrolls down, and the section is about to get visible on the screen. It will reduce the amount of rendering that ShortPoint engine has to do while the page loads, and will defer it until it is necessary to render those sections.

Part 2: Lazy Loading images on Slideshows & Image Carousels

If you have a Slideshow or an Image Carousel design element that contains a lot of images, by default ShortPoint will try to load all of these elements while the page is loading. It might affect page loading time.

For both Slideshows & Image Carousels, edit them, and on the same Settings tab, scroll down until you reach the Performance category. Enable the Lazy Load Images option, as shown in the following two screenshots:

By enabling the Lazy Load Images option, ShortPoint engine will determine the minimum required amount of images that will appear to the end users (1 image for each Slideshow element, and using the Maximum images to load option for each Image Carousel). 

The rest of the images will not be loaded until the user starts interacting with the Slideshows or Image Carousel elements.

Other performance improvements:

• Step 2: Enable Caching on Connected ShortPoint elements
• Step 3: Detecting Large Images on the page
• Step 4: Remove Hidden WebParts from the page
• Step 5: Further Tips to Improve SharePoint Page Performance
• Back to Main ShortPoint Performance Improvement article