Асинхронизатор: асинхронное подключение компонентов

Модуль Асинхронизатор: асинхронная загрузка компонентов для 1С-Битрикс предназначен для оптимизации времени загрузки страниц. Он решает ключевую проблему производительности: последовательная загрузка всех элементов сайта (слайдеров, форм, списков товаров и виджетов) блокирует рендеринг контента. Решение заменяет прямой вывод компонента на легковесную заглушку и подгружает его реальное содержимое асинхронно — сразу после загрузки DOM, по событию LazyLoad или мгновенно. Это позволяет пользователю видеть и взаимодействовать с основной частью страницы на 40–60% быстрее, не дожидаясь полной отрисовки тяжелых блоков.

Как это работает и что получает покупатель

После установки решения вы получаете готовый компонент с предустановленным шаблоном .default. Внутри него реализован механизм замены исходного HTML на заглушку с техническими data-атрибутами и встроенным JavaScript-кодом для асинхронного запроса. Логика работы разделена на несколько этапов:

• Формируется HTML-заглушка — её дизайн и содержимое задаются отдельным шаблоном для каждого компонента, который вы хотите ускорить.
• JS-функция загрузки упакована внутрь компонента, что исключает дублирование кода при использовании на разных страницах.
• Вы выбираете режим срабатывания: NOW (немедленно), ONDOMLOAD (после полной загрузки DOM) или LAZYLOAD (при появлении заглушки в видимой области экрана).
• После асинхронного ответа сервера заглушка автоматически заменяется на реальный HTML компонента, после чего инициируется кастомное событие asynchronizer.afterLoad. Это событие можно использовать для повторной инициализации скриптов (например, слайдеров или виджетов карт), которые не сработали на заглушке.

Для кого подходит

Решение ориентировано на владельцев и разработчиков сайтов на 1С-Битрикс (подходит для всех редакций — от «Первого сайта» до «Бизнеса» и «Интернет-магазина + CRM»), которые стремятся повысить показатели Core Web Vitals. Особенно актуально для интернет-магазинов, каталогов и новостных порталов, где на одной странице присутствуют тяжелые блоки: карусели товаров, фильтры, формы обратной связи и блоки с внешними виджетами. Решение полностью совместимо с технологией «Композитный сайт» и адаптивно для мобильных устройств — это позволяет сохранить высокую скорость загрузки на любых девайсах без потери функциональности.

Ключевые технические преимущества

• Не требует доработки ядра Битрикс и изменения логики работы штатных компонентов.
• Поддерживает кастомные шаблоны заглушек для каждого компонента — вы можете настраивать их внешний вид и размеры под дизайн сайта.
• Генерирует чистый AJAX-запрос, не блокирующий основной поток загрузки страницы.
• Дает возможность управлять приоритетом загрузки: критичные блоки можно выводить сразу, а второстепенные — лениво подгружать при скролле.