Preloader

В этом зеро ты можешь сделать абсолютно любой дизайн экрана загрузки страницы

Tilda Publishing

create your own block from scratch

1. Создай на странице зероблок, который будет прелоадером и помести его на самый верх страницы (первым в шапку если она у тебя есть), т.к. он должен загрузиться самым первым и показываться пока всё грузится

2. Вставь recid этого зеро в генератор и сгенерируй код со всеми нужными тебе параметрами

3. Помести полученный код в блок т123, который должен быть сразу после зероблока что мы сделали в п. 1

4. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"

Инструкция

Важно!

- Не делай прелоадер слишком продолжительным, т.к. он не должен задерживать посетителя от пользования сайтом
- Параметр показывать прелоадер после загрузки ещё n сек нужен на тот случай, если страница загружается так быстро, что анимация загрузки некрасиво прерывается или не успевает вся воспроизвестись. Не делай его большим
- Не добавляй слишком многоступенчатые svg анимации в прелоадер, потому что так он только замедлит страницу и заставит пользователя долго ждать при каждой загрузке
- Модификация не совместима с моим слайдером из Zero-блок, если он у тебя с autoscale

(Развернуть)

Чтобы увидеть пример прелоадера просто перезагрузи страничку и он воспроизведется с вариантом fade out

Пример работы модификации