Обработка страницы #

О разделе #

В этом разделе мы рассмотрим работу JS-Скрипта, это необходимо чтобы лучше понимать как работает автотильда или напрямую работать с данным скриптом. При открытии страницы, подгружается маловесный прелоудер.

Прелоудер #

В новой версии автотильды было решено добавить прелоудер, который призван ускорить первичную загрузку страницы, избежать популярной проблемы, когда полноценный JS-скрипт не успевал подгрузиться до оформления заявки и вызывал множество осложнений, теряя в том числе потенциальных клиентов и устранить использование неактуальной версии скрипта.

Основной скрипт весил около 500кб до рефакторинг, сейчас - 200кб. Прелоудер при этом весит 20кб и загружается, условно, в 10 раз быстрее основного скрипта. Теперь вместо сломанной страницы мы показываем анимацию, которая отображает загрузку сайта. В этот момент прелоудер уже загружает основной скрипт.

Бандл #

Следует понимать, что основной бандл - это и есть тот самый скрипт, который совершает всю работу со страницей: инициирует модули, подгружает метрики, крадет стили.

У бандла есть жизненный цикл, на котором завязана вся основная логика. Именно он определяет что и в какой последовательности должно исполниться.

• В первую очередь отправляется запрос на бекенд api/tilda/PAGE_URI, который возвращает информацию о странице из админки - настройки полей, продукты, используемые дополнения.

• После получения информации, он устанавливает эту информацию в глобальный сторадж и запускает процесс инициализации модулей.

• Как только модули проинициализированы, прелоудер отключается.

• Затем следует инициализация метрик и дополнений, отключаются ненужные элементы тильды, например, копирайт тильды.