Настройки видео, фреймов и частей содержимогоАкселератор для WordPress

Без оптимизации видео и другие фреймы загружаются сразу со страницей, что снижает скорость её загрузки.

settings-Frames

Ленивая загрузка#

  • Включить

    Включает этот режим для видео и любых элементов «iframe».

    • Показывать адаптированный заменитель для видео с YouTube

      Это разместит специальный облегчённый контент с предпросмотром видео и кнопкой Play в стиле YouTube.

    • Показывать адаптированный заменитель для видео с Vimeo

      Это разместит специальный облегчённый контент с предпросмотром видео и кнопкой Play в стиле Vimeo.

    • Фоновые видео от Elementor
    • Видео от плагина Feeds for 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].

  • Ленивые элементы темы 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].

Добавить комментарий