Чтобы удержать посетителей на сайте, пока идет загрузка, используются прелоадеры. Это отличный способ показать, что сайт якобы грузится с максимальной скоростью. Мы подробно опишем процесс добавления прелоадера на WordPress-сайт.
Что такое прелоадер?
Прелоадер представляет собой анимацию, которая отображается на экране, пока сайт загружается. После полной загрузки анимация прекращается, и посетители получают доступ к контенту.
Правильно скроенный индикатор загрузки показывает посетителям, что их браузер не завис, а происходит обработка данных. Он позволяет удержать посетителей на сайте. Эффективное использование анимированного экрана загрузки позволяет привлечь внимание пользователей.
Зачем использовать анимацию?
Анимированные индикаторы загрузки отвлекают внимание пользователей и даже могут помочь улучшить их настроение. Доказано, что прелоадеры заставляют людей думать, что время ожидания меньше, чем на самом деле.
Также можно использовать подобные анимации для привлечения внимания к своему бренду.
Лучшие прелоадеры для WordPress
В этой подборке мы собрали несколько лучших плагинов прелоадеров для WordPress.
Плагин Preloader от Alobaidi (бесплатный)
Посмотреть демо
Узнать больше и скачать
Данный плагин легко интегрируется, подходит для большинства браузеров и имеет множество настроек. У него 10 вариантов отображения, хорошее время отклика и он работает прямо из коробки.
Плагин PageLoader: экран загрузки и индикатор процесса
Посмотреть демо
Узнать больше и загрузить
Это мощный плагин, который включает в себя множество возможностей для создания прелоадера. Вы можете добавить в него индикатор процесса, изображение, иконку, текст загрузки, задний фон и многое другое. Также имеется уникальная функция тайм-аута, если загрузка происходит слишком долго.
Плагин Ultimate WordPress (бесплатный)
Посмотреть демо
Узнать больше и скачать
Ultimate WordPress Preloader предлагает все основные функции в простом плагине. Во время загрузки контента предзагрузчик демонстрирует посетителям сайта базовые эффекты.
Плагин LoftLoader Pro
Посмотреть демо
Узнать больше и скачать
С помощью LoftLoader Pro вы сможете быстро и легко разрабатывать пользовательские прелоадеры для своего сайта. Он позволяет добавлять в предзагрузчик изображения, анимации, индикатор процесса, полноразмерные фоновые изображения и многое другое. Присутствует даже возможность отображения случайных сообщений в процессе загрузки страницы.
Preloader Unlimited
Посмотреть демо
Узнать больше и скачать
WPPU позволяет выбрать для прелоадера одно из имеющихся gif-изображений или загрузить собственные. А так же добавить анимации, текст или использовать CSS3. Также имеется множество других функций, включая настройки для мобильных устройств, скрытые тайминги, выбор страницы и многое другое.
Бонус: тематические прелоадеры
Многие темы оформления имеют встроенные прелоадеры. Но если у вас есть тема оформления, которую вы не хотите, то рассмотренные выше плагины могут стать оптимальным выбором.
Преимущество прелоадеров
Использование прелоадера сократит количество упущенных конверсий, вызванных проблемами с загрузкой, и ваш сайт будет выглядеть более профессиональным.