Preloader - це відображення анімації (індикатора) про завантаження веб-сторінки (сайту) . Прелоадер (предзагрузчик) використовується для інформування користувача про процес завантаження сайту до повного завантаження веб сторінки.

Preloader зазвичай використовуюється для сайтів де заванаження всієї сторінки займає багато часу, де необхідно завантажити велику кількість ресурсів (зображеннь, скриптів).

Принцип preloader полягає у відображенні тексту, анімації, progressbar на час коли повністю не завантажиться веб-сторінка. Тобто сповістити користувача що триває завантаження веб-сторінки.

Прицьму не слід завжди використовувати прелоадер, так як сучасні браузери відображають вміст веб сторінки до її повного завантаження. Доцільно використовувати preloader якщо веб-сторінка не коректно (не так) відображається до повного завантаження.

Приклад відображення анімації при завантаженні веб-сторінки:

Щоб уникнути довгого (постійного) відображення анімації про завантаження веб-сторінки можна закрити прелоадер через певний час за допомогою setTimeout().

Процент завантаження веб-сторінки за допомогою підрахунку кількості завантажених зображеннь.