Videos, frames and content parts settingsAccelerator for WordPress

Without optimizations, video and other frames are loaded immediately with the page that decreases the page’s load speed.

settings-Frames

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

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.

  • Slideshow with backgrounds of Elementor

    Adjusting elements matching section.elementor-section[data-settings] CSS selector that have background_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 of height 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.

  • Images’ Multi View from Divi

    Adjusting elements matching .et_pb_module.et_pb_image > [data-et-multi-view] CSS selector.

  • Texts’ Multi View from Divi

    Adjusting elements matching .et_pb_module.et_pb_text > [data-et-multi-view] CSS selector.

  • Video-box from Divi

    Adjusting elements matching .et_pb_video_box > iframe CSS selector.

Leave a Reply