{"id":4825,"date":"2021-05-28T18:17:24","date_gmt":"2021-05-28T18:17:24","guid":{"rendered":"https:\/\/www.s-sols.com\/?post_type=doc&#038;p=4825"},"modified":"2026-04-05T22:42:16","modified_gmt":"2026-04-05T22:42:16","slug":"settings-frames-accel","status":"publish","type":"doc","link":"https:\/\/www.s-sols.com\/docs\/wordpress\/accelerator\/settings-accel\/settings-frames-accel","title":{"rendered":"Videos, frames and content parts settings Accelerator for WordPress"},"content":{"rendered":"<p>\n  Without optimizations, video and other frames are loaded immediately with the page that decreases the page\u2019s load speed.\n<\/p>\n<p style=\"text-align:center\">\n  <img decoding=\"async\" src=\"\/data\/content\/doc\/wordpress\/accelerator\/settings-frames-accel\/settings-frames-en.png\" alt=\"settings-Frames\" title=\"settings-Frames - Videos, frames and content parts settings\" \/>\n<\/p>\n<h2><a id=\"lazy_load\"><\/a>Lazy load<br \/>\n<\/h2>\n<ul>\n<li><strong>Enable<\/strong>\n<p style=\"text-align:left\">\n      Enables this mode for <code>iframe<\/code> elements.\n    <\/p>\n<ul>\n<li><strong>Own algorithm<\/strong>\n<p style=\"text-align:left\">\n          Don\u2019t use native <code>loading=\"lazy\"<\/code> attribute.\n        <\/p>\n<ul>\n<li><strong>Show adapted placeholder for YouTube videos<\/strong>\n          <\/li>\n<\/ul>\n<p style=\"text-align:left\">\n          It will place a special light content with video preview and Play button in YouTube style.\n        <\/p>\n<ul start=\"2\">\n<li><strong>Show adapted placeholder for Vimeo videos<\/strong>\n          <\/li>\n<\/ul>\n<p style=\"text-align:left\">\n          It will place a special light content with video preview and Play button in Vimeo style.\n        <\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><a id=\"cp\"><\/a>Corrections for lazy loading scripts<br \/>\n<\/h2>\n<p>\n  Here are the corrections for content parts can be enabled. Some content parts don\u2019t look the same as after loading <a href=\".\/settings-scripts-accel#non_critical\">non-critical scripts<\/a>. So, it allows to try fix them at first loading stage. The similar approach is also available for <a href=\".\/settings-styles-accel#custom\">styles<\/a>.\n<\/p>\n<ul start=\"2\">\n<li><strong>Background videos of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.\/\/*[contains(concat(\" \",normalize-space(@class),\" \"),\" elementor-element \")][@data-settings]<\/code> <code>.\/\/*[contains(@class,\"elementor-background-video-container\")][1]<\/code><a id=\"_Hlk186142207\"><\/a> XPath selector.\n    <\/p>\n<\/li>\n<li><strong>Videos of Feeds for YouTube plugin<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>a.sby_video_thumbnail<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Slider of Airtech Plumber theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[data-bdt-slideshow]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Switcher of Airtech Plumber theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.bdt-switcher-item-content-inner:first-child<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animations of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-element[data-settings*=\"\\\"animation\\\":\"]<\/code> CSS selector.\n    <\/p>\n<p style=\"text-align:left\"><strong>Note.<\/strong> There are related <a href=\".\/settings-styles-accel#custom\">styles correction settings<\/a>.\n    <\/p>\n<\/li>\n<li><strong>Split animation of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-element[data-settings*=\"\\\"ui_animate_split\\\":\"]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of TRX Addons for Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-element[class*=elementor-widget-trx_][data-settings*=\"\\\"animation\\\":\"]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Slideshow with backgrounds of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>section.elementor-section[data-settings]<\/code> CSS selector that have <code>background_slideshow_gallery<\/code> property.\n    <\/p>\n<\/li>\n<li><strong>Videos of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>div.elementor-widget-video[data-settings]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Tabs of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-tabs<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Accordion of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-accordion[role=\"tablist\"]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Advanced Tabs of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.eael-advance-tabs<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Navigation Menu of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-widget-nav-menu[data-settings]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Premium Navigation Menu of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-widget-premium-nav-menu[data-settings]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Sticky elements of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-top-section[data-settings*=\"sticky\"]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Gallery Widget of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-widget-gallery[data-settings]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Image Carousel Widget of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-widget-image-carousel[data-settings]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>AVO Showcase Widget of Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-widget-avo-showcase<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Appearing animation of Qi Addons for Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.qodef-qi--has-appear<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Lazy items of Porto theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.skeleton-loading<\/code> and <code>.skeleton-body<\/code> CSS selectors.\n    <\/p>\n<\/li>\n<li><strong>Responsive of Astra theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body script#astra-theme-js-js-extra<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Backgrounds of FlatSome theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body.flatsome .bg.fill.bg-fill<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of FlatSome theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.\/\/body[contains(concat(normalize-space(@class),\" \"),\"flatsome \")]\/\/*[@data-animate]<\/code> XPath selector.\n    <\/p>\n<\/li>\n<li><strong>Slideshow of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.uk-slideshow-items<\/code> CSS selector.<br \/><strong>Note.<\/strong> If height of slider is wrong it is needed to add some CSS corrections in the related <a href=\".\/settings-styles-accel#custom\">settings<\/a> (see value of <code>height<\/code> propertiy at <code>.uk-slideshow-items<\/code> element).\n    <\/p>\n<\/li>\n<li><strong>Background image of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[uk-img][data-src]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[uk-scrollspy-class]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Grid of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[uk-grid]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Modal of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[uk-modal]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Height Viewport of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[uk-height-viewport]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Navigation Bar of UIkit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.uk-navbar<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Header of Yoo theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.tm-page .tm-header-mobile,<\/code> <code>.tm-page .tm-header<\/code> CSS selector.\n    <\/p>\n<p style=\"text-align:left\"><strong>Note.<\/strong> There are related <a href=\".\/settings-styles-accel#custom\">styles correction settings<\/a>.\n    <\/p>\n<\/li>\n<li><strong>Background video of Avada theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.fusion-background-video-wrapper &gt; iframe<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Equal Height Columns of Avada theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.fusion-fullwidth.fusion-equal-height-columns<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of Avada theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.fusion-animated[data-animationtype]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of Thrive theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.tve_ea_thrive_animation<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Responsive of Phlox theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body.theme-phlox [data-switch-width]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of Phlox theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.aux-appear-watch-animation<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Smart Slider<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[@data-slide-public-id=\"1\"] .n2-ss-layer[class*=' n-uc-']<\/code> CSS selector.<br \/><strong>Note.<\/strong> There are related <a href=\".\/settings-styles-accel#custom\">styles correction settings<\/a>.\n    <\/p>\n<\/li>\n<li><strong>Thumbnail of tagDiv<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.td-thumb-css[data-type=\"css_image\"]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Image Comparison Widget of ElementsKit<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementskit-image-comparison<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Carousel of Happy Elementor Addons<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.ha-carousel[data-settings]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Photonic Photo Gallery<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>a.photonic-lb<\/code> CSS selector.\n    <\/p>\n<p style=\"text-align:left\"><strong>Note.<\/strong> There are related <a href=\".\/settings-styles-accel#custom\">styles correction settings<\/a>.\n    <\/p>\n<\/li>\n<li><strong>Mobile Menu from Jet<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.jet-mobile-menu[data-menu-options]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Multi View from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[data-et-multi-view]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Image&#8217;s Multi View from Divi (legacy)<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_module.et_pb_image &gt; [data-et-multi-view]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Text&#8217;s Multi View from Divi (legacy)<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_module.et_pb_text &gt; [data-et-multi-view]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Slider&#8217;s Multi View from Divi (legacy)<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_module.et_pb_slider &gt; [data-et-multi-view]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Slider from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_module.et_pb_slider<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Full Width Header&#8217;s Multi View from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_module.et_pb_fullwidth_header<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Video-box from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_video_box &gt; iframe<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Video-background from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_section_video_bg &gt; video<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Video-frame from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.et_pb_module :not(.et_pb_video_box) iframe<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Gallery from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.dsm-gallery<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Lazy styles loading from Divi<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body script:contains(\"\/et-divi-dynamic-\")<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of Bricks<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body[class*=bricks] [data-interactions*=animationType]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Cinematic scroll image animation from Scrollsequence<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>scrollsequence section.scrollsequence-wrap .scrollsequence-page<\/code><a id=\"_Hlk121836062\"><\/a> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Images source set from MK<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[data-mk-image-src-set]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Price Filter from Woodmart<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.woocommerce.widget_price_filter<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Product Filter by WBW<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.wpfMainWrapper<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>WPStories<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.js-wpstories-serialized<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Tag Groups from TaxoPress<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.tag-groups-cloud[id^=\"tag-groups-cloud-tabs-\"]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Simple Menu of Essential Addons<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.elementor-widget-eael-simple-menu<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animated text of Royal Addons for Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.wpr-anim-text<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Tabs of Shortcodes Ultimate<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.su-tabs<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of Ultimate for WPBakery<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.wpb_animate_when_almost_visible<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Background of Ultimate for WPBakery<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>upb_bg_img<\/code> CSS selector.\n    <\/p>\n<p style=\"text-align:left\"><strong>Note.<\/strong> There are related <a href=\".\/settings-styles-accel#custom\">styles correction settings<\/a>.\n    <\/p>\n<\/li>\n<li><strong>Responsive of Ultimate<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.ult-responsive,.ult-spacer<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Heading of Ultimate<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.uvc-heading<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of The7 theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body.the7-ver- .<\/code> <code>animate-element<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Mobile header of The7 theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body.the7-ver-:not(.responsive-off) .masthead<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Background image of Merimag theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.merimag-lazy-image<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Loading elements of MyDecor theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body.theme-mydecor :is(.images, .ts-product .content-wrapper, .ts-logo-slider-wrapper, .related-posts, .woocommerce .product figure, .blogs article a.gallery, .ts-blogs-wrapper, .ts-testimonial-wrapper .items, .ts-twitter-slider .items, .ts-portfolio-wrapper, .ts-product-category-wrapper .content-wrapper, .thumbnails-container, .column-products, .ts-team-members *, .ts-instagram-wrapper, .elementor-section).loading<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Lazy styles loading from themes by PremiumPress<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>body script#premiumpress-js ~ noscript#deferred-styles<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Image of Minimog theme<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.minimog-lazy-image img<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Background image of Tilda<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.t-bgimg[data-original]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Background video of Vide for jQuery<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[data-vide-bg]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Sales Countdown Timer from Sctr<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.woo-sctr-countdown-timer-wrap<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Hurry Scarcity and Urgency Countdown Timer<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.hurrytimer-campaign<\/code> CSS selector.\n    <\/p>\n<\/li>\n<\/ul>\n<p><a id=\"_Hlk99665526\"><\/a><\/p>\n<ul>\n<li><strong>Tabs of Royal Addons for Elementor<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.wpr-tabs<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Tabs of WooCommerce<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>.woocommerce-tabs.wc-tabs-wrapper<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Once animation of Page Builder Blocks of GreenShift<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[data-aos-once]<\/code> CSS selector.\n    <\/p>\n<\/li>\n<li><strong>Animation of Page Builder Blocks of GreenShift<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching <code>[data-aos]<\/code> CSS selector. Maybe will be required to add <a href=\".\/settings-html-accel#repl\">content replacement<\/a> <code>@&lt;body[^&gt;]+()&gt;@<\/code> with like <code> data-aos-easing=\"ease\" data-aos-duration=\"1200\" data-aos-delay=\"0\"<\/code>.\n    <\/p>\n<\/li>\n<li><strong>Slick Slider generic<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching in specified &#8216;CSS selector&#8217; field. This field should point to element that has <code>slick-slider<\/code> and <code>slick-initialized<\/code> classes.\n    <\/p>\n<\/li>\n<li><strong>Swiper Slider generic<\/strong>\n<p style=\"text-align:left\">\n      Adjusting elements matching in specified &#8216;CSS selector&#8217; field. This field should point to element that has <code>swiper<\/code> and <code>swiper-initialized<\/code> classes.\n    <\/p>\n<\/li>\n<\/ul>\n<h2><a id=\"excl\"><\/a>Exclusions<br \/>\n<\/h2>\n<p>\n  Element tags that are matching the specified <a href=\".\/xpath-elements-selector-accel\">XPath selectors<\/a> will not be processed. It can be added multiple selectors at once by placing each on new line.\n<\/p>\n<p><strong>Note<\/strong>: For tags <code>iframe<\/code> prefix <code>ajs<\/code> can be used to force load original sources before loading main scripts. E.g. <code>ajs:.\/\/iframe[contains(@src,'google.com\/maps\/embed')]<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Without optimizations, video and other frames are loaded immediately with the page that decreases the page\u2019s load speed. Lazy load Enable Enables this mode for iframe elements. Own algorithm Don\u2019t use native loading=&#8221;lazy&#8221; attribute. Show adapted placeholder for YouTube videos It will place a special light content with video preview and Play button in YouTube&#8230;<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":4812,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"rank_math_lock_modified_date":false},"categories":[816],"tags":[],"class_list":["post-4825","doc","type-doc","status-publish","hentry","category-accelerator"],"_links":{"self":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/doc\/4825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/types\/doc"}],"author":[{"embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/comments?post=4825"}],"up":[{"embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/doc\/4812"}],"wp:attachment":[{"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/media?parent=4825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/categories?post=4825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.s-sols.com\/api\/wp\/v2\/tags?post=4825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}