Отложенные стили в Bitrix - это механизм оптимизации загрузки и обработки CSS-стилей на веб-страницах, который позволяет улучшить производительность и время загрузки сайта.
По умолчанию, стили в Bitrix загружаются "синхронно" - то есть в том порядке, в котором они указаны в коде HTML-страницы. Это может приводить к задержкам в отображении страницы, особенно при загрузке большого количества стилей.
Отложенные стили предлагают решение этой проблемы. Они позволяют загрузить и обработать стили "асинхронно", то есть параллельно с другим контентом страницы, не блокируя ее отображение. Когда отложенные стили загружаются и обрабатываются, они динамически вставляются в заголовок (head) страницы, после уже загруженных и синхронных стилей. Таким образом, отложенные стили не блокируют загрузку и отображение страницы, и пользователи могут начать просматривать контент страницы еще до полной загрузки стилей.
Bitrix предлагает несколько способов реализации отложенных стилей.
Первый способ - это использование модуля "Отложенные стили". Для этого необходимо установить и активировать данный модуль на сайте Bitrix. Затем можно настроить список стилей, которые должны быть загружены отложенно. Это можно сделать через административную панель Bitrix, в разделе "Настройки - Настройки продукта - Отложенные стили". В списке стилей можно указать не только основные CSS-файлы, но и отдельные медиа-стили для различных типов устройств (например, для мобильных устройств). После сохранения настроек, отложенные стили будут автоматически загружаться и обрабатываться на всех страницах сайта.
Второй способ - это использование компонентов Bitrix, которые предоставляют отложенную загрузку стилей. Например, компонент "bitrix:main.include" имеет опцию "ADD_STYLES", которая позволяет указать путь к CSS-файлам, которые должны быть загружены отложенно. Также существуют другие компоненты, такие как "bitrix:main.css", "bitrix:main.css.filter" и другие, которые также предоставляют функционал для работы с отложенными стилями.
Отложенные стили в Bitrix помогают снизить время загрузки страницы, улучшить пользовательский опыт и повысить конверсию. Они особенно полезны для сайтов с большим количеством стилей или для тех случаев, когда необходимо оптимизировать загрузку стилей для мобильных устройств с медленным интернет-соединением.