Приветствую всех! В данной статье разберем как показать прелодер (preloader) во время загрузки страницы. То есть до тех пор пока DOM не будет готов у нас на странице будет показана анимация. Все это реализуем на чистом js + css, без использования jQuery. В качестве анимации можно использовать gif-картинку или сделать анимацию на чистом css. Вот пример гифки. И так, сначала добавим нtml-код прелодера на html-страницу где-нибудь ниже, например, перед закрывающим тегом body. Причем вставляем данный код на всех html-страницах, где должен показываться данный preloader...

Что такое прелоадер? Прелоадер – это экран загрузки, который отображается перед загрузкой основного содержимого сайта. Обычно он используется для визуальной обратной связи с пользователем о том, что сайт загружается, и для индикации хода загрузки. Предзагрузчики могут быть простыми, например, вращающийся значок загрузки, или более сложными, например, анимация или видео. Прелоадер может улучшить пользовательский опыт, предоставляя визуальную обратную связь о том, что сайт загружается, помогая сократить воспринимаемое время загрузки...