Enable Lazyload and Preload Your Section and Image

About Lazyload and Preload in GemPages

1. Lazyload

Lazyload optimizes your page by loading the styles and fonts of only the first section when a visitor accesses your page. This delays loading the rest until they are needed, minimizing the initial load time.

2. Preload

Preload prioritizes loading specific images earlier in the page rendering process, ensuring critical visuals appear instantly. This enhances the user experience by delivering essential content without delay.

Why Are Lazyload and Preload Important?

• Improved Page Load Speed: Lazyloading reduces the size of content loaded initially, making pages load faster.
• Better User Experience: Faster load times prevent users from abandoning your website.
• SEO Benefits: Search engines favor faster websites, improving your rankings.

How to Enable Lazyload for Your GemPages Page?

Lazyload is enabled by default for all pages built with GemPages V7. When you publish a page, it will inherit the current Lazyload settings.

Here’s what Lazyload does based on its status:

• Enabled (Default): Only the styles and fonts of the first section are loaded initially, while subsequent sections are loaded slightly later. This improves performance and your PageSpeed Insights score.
• Disabled: All styles and fonts for every section are loaded simultaneously when the page is accessed. This may slow down your page and negatively impact your PageSpeed Insights score.

How to Enable Preload for Image Elements in GemPages?

For image element, GemPages allows you to optimize it on your page using the Preload. This ensures essential visuals are prioritized and loaded immediately when visitors access your page. 

Here’s how to enable it:

Step 1: In the GemPages editor, click on the image element you want to optimize.

Step 2: On the left sidebar, locate the Preload option under the settings panel. Toggle the switch ON to enable Preload for the selected image.