Топ-10 лучших плагинов предварительной загрузки WordPress

По словам Джона Мюллера из Google, вы должны ориентироваться на скорость загрузки сайта около 2-3 секунд. Но даже в этом случае показатель отказов может составлять около 6-11%. Теперь пользователи WordPress могут свести к минимуму это число, настроив экран загрузки WordPress, чтобы вовлекать вашу аудиторию во время загрузки вашего сайта. И чтобы помочь вам в этом, мы составили список из 10 лучших плагинов WordPress Preloader в 2021 году.

Также читайте:
– 10 лучших бесплатных SEO-инструментов 2022 года
– 15 лучших SEO-плагинов WordPress для повышения рейтинга ключевых слов сайта

Для тех из вас, кто не знает, предварительный загрузчик — это то, что вы видите на экране во время загрузки веб-страницы. Это может быть что угодно, от небольшой анимации до полноэкранного изображения. Что подходит именно вам, зависит от вашего веб-сайта и его содержания.

Таким образом, мы собрали разнообразный список плагинов для предварительной загрузки WordPress, которые позволяют вам добавлять элемент предварительной загрузки на основе чистого CSS или полномасштабное изображение или GIF в качестве экрана загрузки WordPress. Мы также позаботились о том, чтобы включить хорошее сочетание бесплатных и платных плагинов, так что каждый найдет что-то для себя.

Итак, без лишних слов, приступим:

Плагины предварительной загрузки WordPress

№1. LoftLoader

Скачать LoftLoader

Loftloader — это простой, но мощный плагин предварительной загрузки WordPress, разработанный, чтобы помочь вам добавить красиво анимированные загрузчики на ваш сайт. Он доступен как в бесплатной, так и в платной версиях.

Как вы можете себе представить, бесплатная версия дает вам доступ к основным функциям, тогда как более продвинутые инструменты доступны в премиум-версии — LoftLoader Pro, которая будет стоить вам 26 долларов за пожизненную лицензию.

Но с учетом сказанного стоит учитывать, что его бесплатная версия имеет более 40 000 активных установок, что делает его самым популярным плагином для предварительной загрузки WordPress. Если у вас не так много причудливых требований, то бесплатной версии должно хватить.

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

Основные характеристики :

• Версия Pro имеет 19 типов анимации прелоадера, 6 из которых поддерживают пользовательские изображения. Бесплатная версия имеет 7 типов анимации прелоадера с 2 поддерживающими пользовательскими изображениями.
• Все анимации основаны на чистом CSS3 и поддерживаются всеми современными браузерами.
• Добавьте разные анимации предварительного загрузчика на разные страницы вашего сайта.
• Используйте индикатор выполнения или процентный счетчик в качестве предварительного загрузчика. (Про)
• Возможность включить/отключить предварительный загрузчик для определенных сообщений и страниц. (Про)
• Анимацию можно настроить так, чтобы она зацикливалась до тех пор, пока страница не загрузится, или запускается только один раз. (Про)
• Введите пользовательское приветствие или загрузочное сообщение для ваших читателей. (Про)
• Отключить прокрутку страницы при загрузке. (Про)
• Чрезвычайно быстрый и легкий. Создан с использованием SASS. CSS и JS минимизированы.

№ 2. Прелоадер Плюс

Скачать прелоадер плюс

Плагин Preloader Plus — WordPress Loading Screen — это многофункциональный плагин предварительного загрузчика, который также можно использовать совершенно бесплатно. В отличие от LoftLoader, в нем не так много предварительно разработанных анимаций, но он позволяет создавать собственные анимации предварительного загрузчика с использованием пользовательских изображений.

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

Основные характеристики :

• Показывать анимацию предзагрузчика только при первом посещении.
• Показывать анимацию предварительного загрузчика для всех страниц или только для главной/главной страницы.
• Доступ к 6 различным анимированным иконкам.
• Добавьте пользовательские изображения для предварительного загрузчика. Среди поддерживаемых форматов — jpg, png, gif, svg.
• Установите анимацию для изображения предварительного загрузчика. Управляйте скоростью анимации, непрозрачностью, направлением, расстоянием, масштабированием, продолжительностью и задержкой.
• Установите индикатор выполнения или процентный счетчик, чтобы показать текущее состояние загрузки сайта.
• Поддерживает пользовательский HTML и шорткоды.

№3. Предварительный загрузчик

Скачать предварительный загрузчик

Как и его простое и понятное название, Preloader — это простой плагин для добавления экрана загрузки WordPress.

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

Теперь, судя по его простому и минимальному набору функций, вы, возможно, уже догадались, что плагин можно использовать бесплатно. Он также чрезвычайно популярен с более чем 20 000 активных установок, поэтому вы можете поспорить, что он отлично справляется со своими обязанностями.

Основные характеристики :

• Поставляется с 10 вариантами отображения прелоадеров.
• Возможность отображать предварительный загрузчик по всему сайту или только по записям/страницам и т. д.
• Добавьте пользовательский цвет фона.
• Retina-готовая анимация предварительного загрузчика.
• Поддержка WooCommerce.
• На основе JQuery и CSS3.

№ 4. Умный предварительный загрузчик WP

Скачать WP Smart Preloader

WP Smart Preloader — еще один бесплатный плагин экрана загрузки WordPress, который использует CSS-спиннеры и стробберы для создания анимации предварительного загрузчика на вашем веб-сайте. Он очень быстрый и легкий, сделанный с использованием только CSS и минимальной разметки HTML.

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

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

Основные характеристики :

• Поставляется с кучей предварительных загрузчиков на основе CSS. Никаких GIF-файлов или изображений, которые могут добавить лишний ненужный объем.
• Вы также можете добавить свой собственный предварительный загрузчик на основе CSS.
• Добавьте пользовательский CSS, чтобы изменить внешний вид загрузчика.
• Возможность показывать прелоадер только на главной странице или на всем сайте.
• Контролируйте продолжительность предварительного загрузчика.
• Включите предварительный загрузчик, чтобы он исчезал и отображал веб-страницу после завершения загрузки. Возможность управления задержкой затухания.

№ 5. Плоский предварительный загрузчик

Скачать плоский прелоадер

Если на вашем веб-сайте используется язык плоского дизайна, вы можете использовать плагин Flat Preloader, чтобы добавить плоский экран загрузки WordPress и создать согласованное взаимодействие с пользователем.

Плагин поставляется с более чем 25 вариантами предварительной загрузки, основанными на языке плоского дизайна, который выглядит чистым, минималистичным и современным. Он даже дает вам возможность добавить смайлик в качестве предварительного загрузчика, если хотите.

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

И лучшая часть? Все эти опции доступны совершенно бесплатно!

Основные характеристики :

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

№ 6. Maz Loader — конструктор прелоадера для WordPress

Скачать MazLoader

Maz Loader — это плагин для создания предварительного загрузчика для WordPress, который позволит вам создать собственный предварительный загрузчик для вашего веб-сайта. Плагин дает вам доступ к множеству полей, которые вы можете использовать вместе с анимацией и эффектами перехода для создания уникальных предварительных загрузчиков и привлечения ваших пользователей, пока ваш сайт не загрузится.

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

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

Основные характеристики :

• Использует поля для заполнения содержимого предварительного загрузчика. Бесплатная версия поддерживает текстовое поле, поле изображения и поле значка. Версия Pro поддерживает поле индикатора выполнения, процентное поле, поле лота и настраиваемое поле HTML.
• Поля можно настраивать с помощью различных настроек и опций. Анимация и эффекты перехода доступны только в версии Pro.
• Возможность настроить фон предварительного загрузчика с помощью пользовательских цветов, узоров или фонового изображения.
• Добавьте пользовательский код CSS или JS для управления поведением предварительного загрузчика. (Про)
• Настройки публикации дают вам детальный контроль над тем, где вы хотите, чтобы предварительный загрузчик отображался — только на домашней странице, на всем веб-сайте, только на сообщениях, только на страницах, только в определенных категориях, тегах, настраиваемых типах сообщений и т. д. (Про)

№ 7. Лучший прелоадер

Скачать лучший прелоадер

Действительно ли Best Preloader — лучший плагин WordPress Preloader? Что ж, это определенно один из них, благодаря доступному и интуитивно понятному набору функций!

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

Основные характеристики :

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

№8. загрузчик страниц

Скачать лучший загрузчик страниц

PageLoader — это премиальный плагин экрана загрузки WordPress и индикатора выполнения. В отличие от других плагинов в списке, у этого нет бесплатной версии. Но это дает вам доступ к целому ряду замечательных функций, позволяющих превратить экран загрузки в полноценный инструмент брендинга.

Для начала в плагине есть 10 потрясающих значков прелоадера. Вы можете настроить его положение, скорость анимации, размер, цвет, эффект размытия и тому подобное. Но если вам это не нравится, вы также можете добавить свое собственное загрузочное изображение с возможностью добавления эффектов анимации.

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

Основные характеристики :

• Поставляется с 10 профессионально разработанными анимированными значками предварительного загрузчика.
• Установите положение значка предварительного загрузчика, скорость анимации, размер, цвет, эффекты размытия и затухания.
• Используйте пользовательское изображение в качестве загрузочного экрана. Добавьте пульсирующую анимацию поверх пользовательского изображения.
• Добавляйте и настраивайте фон экрана загрузки с анимацией затухания или скольжения, различными параметрами цвета и эффектами прозрачности.
• Добавьте индикатор выполнения, чтобы показать статус загрузки сайта.
• Добавьте страницу загрузки, чтобы развлечь пользователя, пока загружается сайт.
• Предоставьте пользователям функцию закрытия, если веб-страница не загружается.
• Установите анимацию загрузки для предварительного загрузчика для перехода на загруженную веб-страницу.
• Отобразите предварительный загрузчик на всем веб-сайте или в отдельных сообщениях/страницах или только на определенных устройствах, таких как телефоны и планшеты.
• Чрезвычайно легкий и ресурсосберегающий.

№ 9. Окончательный предварительный загрузчик WordPress

Скачать Ultimate WordPress Preloader

С плагином Ultimate WordPress Preloader вы получаете доступ к 53 анимированным стилям загрузчика на чистом CSS3 (без изображений), а также к 29 анимированным загрузчикам GIF. Если вы ищете множество различных вариантов предварительного загрузчика, то этот плагин премиум-класса — ваш лучший выбор.

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

Основные характеристики :

• Доступ к 53 анимированным загрузчикам с кодировкой CSS3. Изображения не используются. Это отлично, если вы ищете высокую производительность.
• 29 анимированных стилей предварительного загрузчика GIF. Они основаны на изображениях и полезны, если вы хотите более забавный экран загрузки WordPress.
• Возможность добавить свое изображение предварительного загрузчика GIF.
• 7 различных размеров для всех элементов предзагрузчика.
• Возможность настроить цвет всех элементов предварительного загрузчика с помощью встроенной палитры цветов.
• Возможность настроить цвет фона экрана загрузки с помощью встроенной палитры цветов.

№10. Предварительный загрузчик WordPress без ограничений

Скачать предварительный загрузчик WordPress без ограничений

И оставив лучшее напоследок, у нас есть WordPress Preloader Unlimited. Это, безусловно, один из самых функциональных экранов загрузки WordPress. И хотя это плагин премиум-класса, он вполне доступен всего за 17 долларов.

Так что же вы получаете в обмен на эти деньги?

Для начала вы получаете доступ к большой библиотеке из более чем 50 анимаций предварительного загрузчика на основе GIF. Вдобавок ко всему, у вас есть еще 50+ анимаций прелоадера на чистом CSS3, и они очень круто выглядят и профессионально разработаны.

Но это не все! Вы можете установить любой текст или изображение в качестве анимации заливки, чтобы она занимала весь экран при загрузке веб-страницы. Существует даже поддержка надписей в стиле 2D / 3D, чтобы сделать анимацию экрана загрузки WordPress более интересной.

И как только вы примете во внимание мощные параметры настройки плагина, вы увидите, что можете создать практически любой вид загрузочного экрана, о котором только можете подумать.

Итак, если вы хотите создать уникальный и забавный экран предварительной загрузки или загрузки, чтобы развлечь и привлечь свою аудиторию, тогда WordPress Preloader Unlimited — один из лучших плагинов для этой работы!

Основные характеристики :

• Более 50 GIF-анимаций предварительного загрузчика.
• Более 50 анимаций прелоадера на чистом CSS3.
• Возможность загрузить и использовать собственное изображение в качестве предварительного загрузчика.
• Добавьте любое изображение или текст в качестве пользовательского экрана загрузки.
• Используйте текст в стиле 2D/3D, чтобы сделать текст на экране загрузки более интересным.
• Мощные возможности настройки позволяют вам контролировать практически каждый аспект каждого элемента предварительного загрузчика.
• Включить/отключить предварительный загрузчик для всего веб-сайта, для определенных сообщений/страниц или на определенных устройствах, таких как телефоны и планшеты.

Подведение итогов — 10 лучших плагинов предварительной загрузки WordPress

Итак, это был наш список 10 лучших плагинов предварительной загрузки WordPress в 2021 году. Мы надеемся, что вы нашли этот список полезным и помогли вам найти инструмент для настройки экрана загрузки WordPress.

Однако, если вы все еще не уверены, какой плагин предварительной загрузки WordPress выбрать, вы можете следовать этому руководству.

Если вы ищете надежный баланс возможностей и доступности, LoftLoader — отличный вариант.

Для пользователей, которые ищут самое лучшее с доступом к множеству анимаций предварительного загрузчика, мощными параметрами настройки и не против выложить немного денег, WordPress Preloader Unlimited — лучший вариант. Но если вы ищете всю эту мощь, но бесплатно, то Flat Preloader и Preloader Plus также являются хорошими вариантами.

Но это только наше мнение. Вы говорите нам, какой плагин WordPress Preloader вы считаете лучшим. А если его нет в списке, укажите в комментариях.

Скачать LoftLoader