Defer Images
"Deferring images" refers to the technique of delaying the loading of images on a web page until after the main content has loaded. The goal of deferring images is to improve the performance of the website, especially on slow networks or for users with limited bandwidth.
When images are deferred, the browser does not download and display them until the main content of the page has finished loading. This can help to reduce the amount of data that needs to be transmitted, which can improve the overall performance of the website and reduce the time it takes for pages to load.
TLDR: Watch Video
Enable Defer Images
Click the tab titled Defer Images and turn on the switch. You can find it in the WordPress Dashboard > Nitro Settings. For clarity's sake, the Enabled switch means ON and the Disabled switch means OFF. After turning on this switch, click the Save Changes button at the bottom of the tab. Please be aware that our image deferring may prevent the loading of some blog images that conflict with Divi Nitro.
Defer Background Images in Sections
Click the Defer Background Images tab. Deferring a background image is not as straightforward as an image. To defer all background images that you have added into Divi’s section building block, enable the switch titled Defer Section Images and then click the Save Changes button.
Defer Background Images In Rows & Modules
If you would like to defer a background image that you have added into Divi’s row or module building block then follow the steps below. Please know that after completing these steps you will need to go to the Divi builder and edit the row or module where the background image is found by adding your custom ID into the Advanced tab.
- Enter a unique ID name for your first image. Our suggestion is background_image_1.
- Copy and paste your image URL (found in wp-admin Media Gallery) of image one into the box provided.
- If you want the image to use parallax then enable this, but make sure that you enable parallax in the section.
- Click the
Save Changesbutton. - Repeat this process for up to ten images.
