Lazy loading ensures that components are only loaded when they are in the visible area of the browser. This makes your page load faster, providing a better experience for visitors.

Good to know

Lazy loading is enabled by default for images and videos.

In some cases, lazy-loaded videos may not display correctly. You can disable lazy loading for these videos.

Enable or disable lazy loading for images

How to enable or disable lazy loading for an image:

1. Open a landing page, website page, or a course theme in the page builder.
2. Add the Image component to the page.
3. Click on the gearwheel icon of the component to configure the component in the side menu.
   1. Switch to the Advanced tab
   2. Enable or disable the lazy load image option.
   3. Edit the other settings of the component.
4. You can click on Preview in the header bar to see a preview of the changes in a new tab.
5. Click on Save in the header bar.

Enable or disable lazy loading for videos

How to enable or disable lazy loading for a video:

1. Open a landing page, website page or a course theme in the page builder.
2. Add the Video component to the page.
3. Click on the gearwheel icon of the component to configure the component in the side menu.
   1. Switch to the Advanced tab
   2. Enable or disable the lazy load video option.
   3. Edit the other settings of the component.
4. You can click on Preview in the header bar to see a preview of the changes in a new tab.
5. Click on Save in the header bar.