Без оптимизации видео и другие фреймы загружаются сразу со страницей, что снижает скорость её загрузки.
Ленивая загрузка#
- Включить
Включает этот режим для видео и любых элементов «iframe».
- Показывать адаптированный заменитель для видео с YouTube
Это разместит специальный облегчённый контент с предпросмотром видео и кнопкой Play в стиле YouTube.
- Показывать адаптированный заменитель для видео с Vimeo
Это разместит специальный облегчённый контент с предпросмотром видео и кнопкой Play в стиле Vimeo.
- Фоновые видео от Elementor
- Видео от плагина Feeds for YouTube
- Показывать адаптированный заменитель для видео с YouTube
Корректировки для отложенной загрузки скриптов#
Здесь можно включить исправления для частей контента. Некоторые части содержимого выглядят не так, как после загрузки некритичных скриптов. Таким образом, это позволяет попробовать исправить их на первом этапе загрузки. Аналогичный подход также есть для стилей.
- Слайдер от темы Airtech Plumber
Корректировка элементов, соответствующих селектору CSS
[data-bdt-slideshow]
. - Переключатель от темы Airtech Plumber
Корректировка элементов, соответствующих селектору CSS
.bdt-switcher-item-content-inner:first-child
. - Слайдшоу с фонами от Elementor
Корректировка элементов, соответствующих селектору CSS
section.elementor-section[data-settings]
со свойствомbackground_slideshow_gallery
. - Видео от Elementor
Корректировка элементов, соответствующих селектору CSS
div.elementor-widget-video[data-settings]
. - Закладки от Elementor
Корректировка элементов, соответствующих селектору CSS
.elementor-tabs
. - Расширенные закладки от Elementor
Корректировка элементов, соответствующих селектору CSS
.eael-advance-tabs
. - Меню навигации от Elementor
Корректировка элементов, соответствующих селектору CSS
.elementor-widget-nav-menu[data-settings]
. - Виджет галереи от Elementor
Корректировка элементов, соответствующих селектору CSS
.
elementor-widget-gallery[data-settings]
. - Ленивые элементы темы Porto
Корректировка элементов, соответствующих селекторам CSS
.skeleton-loading
и.skeleton-body
. - Фоны от темы FlatSome
Корректировка элементов, соответствующих селектору CSS
body.flatsome .bg.fill.bg-fill
. - Слайдшоу от UIkit
Корректировка элементов, соответствующих селектору CSS
.uk-slideshow-items
.Примечание. Если высота неправильная, необходимо внести некоторые исправления CSS в соответствующие настройки (посмотреть значение свойства
height
у.uk-slideshow-items
элемента). - Smart Slider
Корректировка элементов, соответствующих селектору CSS
[@data-slide-public-id="1"] .n2-ss-layer[class*=' n-uc-']
.Примечание. Есть связанные настройки коррекции стилей.
- Миниатюра от tagDiv
Корректировка элементов, соответствующих селектору CSS
.td-thumb-css[data-type="css_image"]
. - Виджет сравнения изображений от ElementsKit
Корректировка элементов, соответствующих селектору CSS
.elementskit-image-comparison
. - Карусель от дополнений Happy Elementor
Корректировка элементов, соответствующих селектору CSS
.ha-carousel[data-settings]
. - Галерея фото от Photonic
Корректировка элементов, соответствующих селектору CSS
.ha-carousel[data-settings]
.Примечание. Есть связанные настройки коррекции стилей.
- Мобильное меню от Jet
Корректировка элементов, соответствующих селектору CSS
.jet-mobile-menu[data-menu-options]
. - Мульти-отображение изображения от Divi
Корректировка элементов, соответствующих селектору CSS
.et_pb_module.et_pb_image > [data-et-multi-view]
. - Мульти-отображение текста от Divi
Корректировка элементов, соответствующих селектору CSS
.et_pb_module.et_pb_text > [data-et-multi-view]
. - Мульти-отображение слайдера от Divi
Корректировка элементов, соответствующих селектору CSS
.et_pb_module.et_pb_slider > [data-et-multi-view]
. - Мульти-отображение заголовка на всю ширину от Divi
Корректировка элементов, соответствующих селектору CSS
.et_pb_module.et_pb_fullwidth_header
. - Видео-бокс от Divi
Корректировка элементов, соответствующих селектору CSS
.et_pb_video_box > iframe
. - Галерея от Divi
Корректировка элементов, соответствующих селектору CSS
.dsm-gallery
. - Анимация изображений кинематографической прокрутки от Scrollsequence
Корректировка элементов, соответствующих селектору CSS
scrollsequence section.scrollsequence-wrap .scrollsequence-page
. - Фоновое видео от Fusion
Корректировка элементов, соответствующих селектору CSS
.fusion-background-video-wrapper > iframe
. - Набор исходников изображений от МК
Корректировка элементов, соответствующих селектору CSS
[data-mk-image-src-set]
. - Фильтр цен от Woodmart
Корректировка элементов, соответствующих селектору CSS
.woocommerce.widget_price_filter
. - Группа тегов от TaxoPress
Корректировка элементов, соответствующих селектору CSS
.tag-groups-cloud[id^="tag-groups-cloud-tabs-"]
. - Простое меню от Essential Addons
Корректировка элементов, соответствующих селектору CSS
.elementor-widget-eael-simple-menu
. - Закладки от Shortcodes Ultimate
Корректировка элементов, соответствующих селектору CSS
.su-tabs
. - Фон от Ultimate для WPBakery
Корректировка элементов, соответствующих селектору CSS
upb_bg_img
.Примечание. Есть связанные настройки коррекции стилей.