Without optimizations, video and other frames are loaded immediately with the page that decreases the page’s load speed.
Lazy load#
- Enable
Enables this mode for videos and any ‘iframe’ elements.
- Show adapted placeholder for YouTube videos
It will place a special light content with video preview and Play button in YouTube style.
- Show adapted placeholder for Vimeo videos
It will place a special light content with video preview and Play button in Vimeo style.
- Background videos of Elementor
- Videos of Feeds for YouTube plugin
- Show adapted placeholder for YouTube videos
Corrections for lazy loading scripts#
Here are the corrections for content parts can be enabled. Some content parts don’t look the same as after loading non-critical scripts. So, it allows to try fix them at first loading stage. The similar approach is also available for styles.
- Slider of Airtech Plumber theme
Adjusting elements matching
[data-bdt-slideshow]
CSS selector. - Switcher of Airtech Plumber theme
Adjusting elements matching
.bdt-switcher-item-content-inner:first-child
CSS selector. - Animations of Elementor
Adjusting elements matching
.elementor-element[data-settings*="\"animation\":"]
CSS selector.Note. There are related styles correction settings.
- Slideshow with backgrounds of Elementor
Adjusting elements matching
section.elementor-section[data-settings]
CSS selector that havebackground_slideshow_gallery
property. - Videos of Elementor
Adjusting elements matching
div.elementor-widget-video[data-settings]
CSS selector. - Tabs of Elementor
Adjusting elements matching
.elementor-tabs
CSS selector. - Advanced Tabs of Elementor
Adjusting elements matching
.eael-advance-tabs
CSS selector. - Navigation Menu of Elementor
Adjusting elements matching
.elementor-widget-nav-menu[data-settings]
CSS selector. - Gallery Widget of Elementor
Adjusting elements matching
.
elementor-widget-gallery[data-settings]
CSS selector. - Lazy items of Porto theme
Adjusting elements matching
.skeleton-loading
and.skeleton-body
CSS selectors. - Backgrounds of FlatSome theme
Adjusting elements matching
body.flatsome .bg.fill.bg-fill
CSS selector. - Slideshow of UIkit
Adjusting elements matching
.uk-slideshow-items
CSS selector.
Note. If height of slider is wrong it is needed to add some CSS corrections in the related settings (see value ofheight
propertiy at.uk-slideshow-items
element). - Smart Slider
Adjusting elements matching
[@data-slide-public-id="1"] .n2-ss-layer[class*=' n-uc-']
CSS selector.
Note. There are related styles correction settings. - Thumbnail of tagDiv
Adjusting elements matching
.td-thumb-css[data-type="css_image"]
CSS selector. - Image Comparison Widget of ElementsKit
Adjusting elements matching
.elementskit-image-comparison
CSS selector. - Carousel of Happy Elementor Addons
Adjusting elements matching
.ha-carousel[data-settings]
CSS selector. - Photonic Photo Gallery
Adjusting elements matching
a.photonic-lb
CSS selector.Note. There are related styles correction settings.
- Mobile Menu from Jet
Adjusting elements matching
.jet-mobile-menu[data-menu-options]
CSS selector. - Image’s Multi View from Divi
Adjusting elements matching
.et_pb_module.et_pb_image > [data-et-multi-view]
CSS selector. - Text’s Multi View from Divi
Adjusting elements matching
.et_pb_module.et_pb_text > [data-et-multi-view]
CSS selector. - Slider’s Multi View from Divi
Adjusting elements matching
.et_pb_module.et_pb_slider > [data-et-multi-view]
CSS selector. - Full Width Header’s Multi View from Divi
Adjusting elements matching
.et_pb_module.et_pb_fullwidth_header
CSS selector. - Video-box from Divi
Adjusting elements matching
.et_pb_video_box > iframe
CSS selector. - Gallery from Divi
Adjusting elements matching
.dsm-gallery
CSS selector. - Cinematic scroll image animation from Scrollsequence
Adjusting elements matching
scrollsequence section.scrollsequence-wrap .scrollsequence-page
CSS selector. - Background video of Fusion
Adjusting elements matching
.fusion-background-video-wrapper > iframe
CSS selector. - Images source set from MK
Adjusting elements matching
[data-mk-image-src-set]
CSS selector. - Price Filter from Woodmart
Adjusting elements matching
.woocommerce.widget_price_filter
CSS selector. - Tag Groups from TaxoPress
Adjusting elements matching
.tag-groups-cloud[id^="tag-groups-cloud-tabs-"]
CSS selector. - Simple Menu of Essential Addons
Adjusting elements matching
.elementor-widget-eael-simple-menu
CSS selector. - Tabs of Shortcodes Ultimate
Adjusting elements matching
.su-tabs
CSS selector. - Background of Ultimate for WPBakery
Adjusting elements matching
upb_bg_img
CSS selector.Note. There are related styles correction settings.
- Mobile header of The7 theme
Adjusting elements matching
body.the7-ver-:not(.responsive-off) .masthead
CSS selector.