The below settings will help you to enhance the Load Speed of your LearnDash website up to 3 times faster. Check out how to configure these settings here.
Defer images
If enabled, the images will load after the whole page finishes loading. Disable this if the images don’t load.
Defer JavaScript
If enabled, JavaScript files will load asynchronously.
Defer non-critical CSS
If enabled the non-critical CSS will load after the page finishes loading.
Disable this if you face any flicker issue while loading the page.
Defer Iframes
If enabled the iframes will load after the whole page finishes loading.
Disable this if iframes don’t load.
Exception pages for defer iframe
Add Page ids in comma-separated format to add exception to defer iframes.
For e.g. On single lesson page If Iframes (Videos/h5p content/XAPI content) dont load then edit the page and you will be able to see the page id in the URL. Copy that page id and paste in the above field. See below screenshot to check the page id
If you have multiple pages where the iframes are not loading then add the page ids comma separated. See screenshot below
Exception classes for defer iframe
Add classes in comma-separated format to add exception to defer iframes.
For e.g. If you have multiple iframes on single page and one of them is not working then inspect element (press F12), hover on iframe, copy classname and paste.
You can add multiple classes comma separated.
Defer Fonts
If enabled the font files will load after the whole page finishes loading.
Disable this if you face a flicker issue while loading page.
Defer Background Images
If enabled Background images with class name ‘el-defer-bg’ will load after the page finishes loading. If you set heavy background images to the particular section then just add ‘el-defer-bg’ class to the section.