Как работает асинхронная загрузка компонентов в Битрикс?

Асинхронная загрузка компонентов в «Битрикс» работает с помощью модуля «Асинхронизатор: асинхронная загрузка компонентов». martsoft.ru marketplace.1c-bitrix.ru Он позволяет производить отложенную загрузку компонентов, тем самым ускоряя загрузку страницы. martsoft.ru www.webdebug.ru

Логика работы модуля: martsoft.ru

1. Вместо HTML исходного компонента выводится заглушка. martsoft.ru marketplace.1c-bitrix.ru Для каждого шаблона исходного компонента можно сделать свой шаблон заглушки. martsoft.ru marketplace.1c-bitrix.ru Важно, чтобы у контейнера этой заглушки был определённый набор data-атрибутов (их можно найти в шаблоне .default). martsoft.ru marketplace.1c-bitrix.ru
2. Вместе с заглушкой выводится JS-код с функцией асинхронной загрузки исходного компонента. martsoft.ru marketplace.1c-bitrix.ru Формирование этого JS-кода было убрано внутрь компонента, чтобы не дублировать его от шаблона к шаблону. martsoft.ru marketplace.1c-bitrix.ru
3. JS-функция асинхронной загрузки вызывается в соответствии с выбранным режимом работы. martsoft.ru marketplace.1c-bitrix.ru Доступные режимы: сразу (NOW), после загрузки DOM (ONDOMLOAD), LazyLoad (LAZYLOAD). martsoft.ru marketplace.1c-bitrix.ru
4. В результате исполнения JS-функции асинхронной загрузки HTML-заглушка заменяется на HTML-код компонента, полученный по AJAX. martsoft.ru marketplace.1c-bitrix.ru
5. После замены заглушки на актуальный код вызывается JS-событие. martsoft.ru marketplace.1c-bitrix.ru

Для переключения компонента в режим асинхронной загрузки нужно: martsoft.ru

1. Добавить параметры компонента: ASYNCHRONIZERCOMPONENT — имя исходного компонента, ASYNCHRONIZERCOMPONENTTEMPLATE — шаблон исходного компонента, ASYNCHRONIZERCOMPONENT_MODE — режим загрузки. martsoft.ru marketplace.1c-bitrix.ru
2. Заменить имя компонента на delight:asynchronizer. martsoft.ru marketplace.1c-bitrix.ru
3. Заменить шаблон компонента на '.default» или собственный. martsoft.ru marketplace.1c-bitrix.ru