Разное

Что такое прелоадер: Что такое прелоадер и как его сделать самостоятельно

01.09.2023

Содержание

Вредоносные загрузчики ОС | Securelist

Меню контента Закрыть

Подписаться

Авторы

  • Фабио Ассолини

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

Такой нетрадиционный способ заражения поражает только системы, использующие ntldr — загрузчик ОС семейства Windows NT вплоть до Windows XP и Windows Server 2003 включительно. Такой выбор – не совпадение: XP по-прежнему является самой популярной операционной системой в нескольких странах, включая Бразилию, где она установлена почти на 47% всех компьютеров.

Заражение инициирует маленький вредоносный файл размером 10 КБ, детектируемый как Trojan-Downloader.

Win32.VB.aoff, рассылаемый в электронном письме. Он загружает в систему 2 новых файла, размещенных на Amazon WS Cloud — xp-msantivirus (1.83 MB) и xp-msclean (7.4 MB), переименовывает легитимный ntldr на ntldr.old, а затем устанавливает в качестве нового загрузчика операционной системы измененную версию GRUB, специально настроенную для запуска файла menu.lst

Вредоносный загрузчик, заменивший оригинальный ntldr: модифицированная копия GRUB

Впоследствии файл menu.lst будет отвечать за вызов файла xp-msantivirus в процессе загрузки системы:

Содержание файла menu.lst. Содержание сообщения следующее: “Инструмент инициализации Microsoft для удаления вредоносного ПО”

Файлы xp-msantivirus и xp-msclean представляют собой загрузчики *nix системы, специально подготовленные киберпреступниками для удаления некоторых защитных файлов в процессе загрузки. Неудивительно, что основными мишенями являются файлы в составе весьма популярного защитного плагина, используемого бразильскими банками — GBPlugin, установленного на 23 миллионах компьютеров. Вредоносный загрузчик также предназначен для удаления файлов из Microsoft Security Essentials, Windows Defender и других:

После заражения троянская программа принудительно вызывает перезагрузку системы…

«Центру обновления Windows необходимо перезагрузить компьютер для завершения установки важных обновлений»

… а затем происходят все изменения. Вредоносный загрузчик отображает поддельные сообщения, в которых утверждается, что работает средство удаления вредоносных программ Microsoft:

«Инструмент для удаления вредоносного ПО (KB890830) Не выключайте и не отключайте от сети компьютер до завершения процесса»

Для объяснения длительного времени загрузки отображается еще одно сообщение, утверждающее, что система заражена, и идет удаление «вредоносных файлов»:

«Пожалуйста, подождите до завершения операции. Не выключайте и не перезагружайте ваш компьютер. ВНИМАНИЕ: на вашем компьютере обнаружены зараженные файлы. Идет процесс удаления вирусов. Это может занять некоторые время в зависимости от количества обнаруженных файлов, зараженных вирусом. Не отключайте и не перезагружайте ваш компьютер во время этого процесса, дождитесь его завершения, и перезагрузка произойдет автоматически»

Наконец, после завершения процесса загрузки вредоносный загрузчик удаляет себя и устанавливает чистый ntldr в качестве активного – его миссия выполнена, и троянская банковская программа, детектируемая как

Trojan-Downloader.Win32.Banload.bqmv, остается работать на зараженном компьютере, готовая украсть данные пользователя, необходимые для осуществления операций онлайн-бинкинга.

Разумеется, выполнению всех этих вредоносных операций помогают некоторые факторы, такие как, например, работа в ОС под аккаунтом с привилегиями администратора и.т.д. Вредоносный загрузчик детектируется антивирусом Касперского как Trojan.Boot.Burg.a.

Выражаю благодарность моему коллеге Вячеславу Закоржевскому за помощь.

Последние публикации
Отчеты

В процессе мониторинга собственной корпоративной Wi-Fi сети, мы обнаружили подозрительную активность нескольких iOS-устройств. В результате анализа были обнаружены следы ранее неизвестной вредоносной программы.

«Лаборатория Касперского» проанализировала APT-фреймворк CloudWizard, используемый в зоне российско-украинского конфликта.

В ходе изучения атаки 3CX на одном из компьютеров мы обнаружили файл guard64.dll. Библиотека с таким же именем использовалась в недавних развертываниях бэкдора, который мы назвали Gopuram и отслеживаем с 2020 года.

В октябре 2022 года мы выявили атаку на правительственные, сельскохозяйственные и транспортные организации, расположенные в Донецке, Луганске и Крыму.

  • Email*
  • *
    • Я согласен(а) предоставить мой адрес электронной почты АО “Лаборатория Касперского“, чтобы получать уведомления о новых публикациях на сайте. Я могу отозвать свое согласие в любое время, нажав на кнопку “отписаться” в конце любого из писем, отправленных мне по вышеуказанным причинам.

Прелоадер для сайта и ленивая загрузка изображений

Здравствуй, дорогой читатель! Сегодня поговорим про ленивую загрузку изображений и подключим ее к своему ресурсу. А так же о том, что такое прелоадер и зачем он нужен.

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

Содержание

Ленивая загрузка изображений

Что же такое ленивая или по-другому отложенная загрузка изображений? Пока сайт молодой и на нем мало контента, он загружается очень быстро. Но по мере увеличения количества страниц и накопления информации время его загрузки будет увеличиваться. Текстовый материал загружается быстрее и легче. А вот медиаконтент тяжеловесен и медлителен, тормозит загрузку страницы.

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

Варианты отложенной загрузки изображений возможны разные. Бывает фоновая постепенная загрузка иллюстраций при открытии страницы. Либо ленивая загрузка реализуется по клику на изображение или по скроллингу, когда читатель до него доскролливает. Страница же в процессе ожидания загрузки изображений не должна иметь пустот. Как же их заполнить?

Плейсхолдер — что это?

Пространство с отсутствующими иллюстрациями на странице, уже представленной пользователю, не должно пустовать. И требует пусть и временного, но заполнения.

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

Графический плейсхолдер — это поле с временным графическим заполнением. В него можно загружать статические картинки или анимированные прелоадеры. Этот прием и помогает заполнять пустоты на странице в ожидании появления иллюстраций.

Что такое прелоадер и зачем нужны прелоадеры

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

Главный смысл прелоадера сводится к привлечению и удержанию внимания: «Посмотри на меня». А также в его информировании о том, что все в порядке, идет процесс загрузки и все под контролем. Это снижает процент отказов в первые секунды. Имеются даже прелоадеры, имитирующие состояние загрузки в процентном выражении, дающее пользователю ощущение контроля над ситуацией.

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

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

Поэтому работа с сайтом по увеличению его скорости загрузки — важнейшая задача веб-мастера и первый способ снижения отказов. Рекомендую также прочитать о плагинах Clearfy и WP Fastest Cache и их настройках, которые помогут ускорить ресурс.

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

Как раз это и позволяет сделать плагин BJ Lazy Load. Поэтому далее мы его установим и настроим его работу с картинками на сайте.

Настраиваем отложенную загрузку изображений с BJ Lazy Load

Начнем с установки плагина. Для этого заходим в раздел Плагины в подраздел Добавить новый. Вставляем в поисковую строку название нужного плагина BJ Lazy Load. После чего получили его в выдаче на второй позиции. Нажимаем на карточке плагина кнопку Установить, затем Активировать.

После его активации в панели управления в разделе Настройки появился одноименный подраздел BJ Lazy Load. Переходим в него и видим, что необходимо загрузить графический плейсхолдер. Будем использовать прелоадер.

Выбрать его можно здесь. Подобранный прелоадер открываем. Правой кнопкой мыши запускаем меню и выбираем в нем строку Сохранить изображение как… В открывшемся окне выбираем место сохранения на компьютере и сохраняем. Обратите внимание: формат файла — gif.

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

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

На данной странице нужно нажать кнопку Скопировать URL в буфер.

Затем в панели управления переходим во вкладку BJ Lazy Load и вставляем скопированную ссылку в поле Ссылка на графический плейсхолдер. В поле следующей строки Пропускать изображения, использующие значения class, добавляем related-post grid. Это значит, изображения, связанные сеткой (например, Похожие записи) будут подгружаться без прелоадера. И сохраняем изменения.

Проверяем скорость загрузки сайта

Проверить скорость загрузки сайта можно с помощью анализаторов сайта, например,с бесплатным сервисом Pr-cy. Необходимо ввести URL-адрес в поле и нажать кнопку Анализировать.

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

Заключение

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

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

На моем сайте вы можете прочитать о том, как ускорить загрузку ресурса с помощью плагина Clearfy. Он очищает код сайта от мусора и дублей, устраняет ошибки других плагинов и уязвимости WP, отключает неиспользуемые функции. В паре с плагином Robin image optimizer оптимизирует изображения. Также рекомендую ознакомиться со статьями о повышении продуктивности сайта через оптимизацию базу данных и кэширование страниц.

Не забывайте делать бэкап своего сайта перед установкой нового плагина. Рекомендую также прочитать о создании резервного копирования сайта с помощью UpdraftPlus и способах его восстановления.

Что такое прелоадер?

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

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

Кроме того, есть и другие варианты использования и причины использования предварительного загрузчика. Я объясню им, когда мы пройдем через этот пост. Помимо вариантов использования, вы также узнаете:

  • Как работает предварительный загрузчик
  • Полезен ли он для SEO
  • Сколько стоит настроить предварительный загрузчик и как вы можете создать его самостоятельно
  • Следует ли вам использовать его на своем собственном веб-сайте или в программном обеспечении и т. д.

Давайте начнем.

Как работают предварительные загрузчики?

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

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

Как я упоминал ранее, предварительный загрузчик скрывает фактический контент до тех пор, пока он (контент) не завершит загрузку. Но как веб-браузер узнает, что фактический контент загрузился и страница готова к показу?

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

Например, есть событие JavaScript под названием «DOMContentLoaded». Он срабатывает, когда содержимое полностью загружено.

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

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

Почему люди используют предварительные загрузчики на своих сайтах и ​​в программах?

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

Я уже немного обсудил, что он делает. Давайте посмотрим, почему некоторым это нравится:

  • Улучшает взаимодействие с пользователем
  • Скрывает нарушенное выравнивание и смену макета во время процесса
  • Повышает вовлеченность и иногда уменьшает количество изменений, чтобы нажать кнопку «Назад»
  • Посетители сразу узнают, что странице нужно некоторое время, чтобы подготовиться
  • Выглядит привлекательно

Вот несколько основных причин, по которым некоторые люди предпочитают использовать предварительные загрузчики.

Полезны ли предварительные загрузчики для SEO?

Буду с вами честен. На момент написания этого поста прошло почти 7 лет с тех пор, как я занимаюсь разработкой веб-сайтов и работаю над SEO. И вот как я управляю своим образом жизни. Вы можете отрицать уровень моего опыта, но вы не можете отрицать правду.

В течение многих лет я никогда не находил прямой связи между предварительным загрузчиком и SEO.

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

Это означает, что предварительные загрузчики ни хороши, ни плохи для поисковой оптимизации (SEO).

Однако, если ваш сайт долго загружается, вам следует поработать над производительностью. В противном случае это негативно повлияет на ваш сайт с точки зрения SEO.

Есть несколько онлайн-инструментов, которые можно использовать для измерения производительности:

  • GTmetrix
  • PageSpeed ​​Insights
  • Pingdom

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

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

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

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

Если вы видите, что ваш сайт меняет макеты, а изменения стиля (CSS) видны пользователям, вам следует использовать предварительный загрузчик. Для других программных продуктов, если вы считаете, что будет лучше показывать текущий ход события, вы можете реализовать экран предварительного загрузчика.

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

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

Где и как вы можете внедрить предварительный загрузчик для вашего сайта?

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

Например, статические (HTML, CSS и JavaScript), Wix, Weebly, Squarespace, WordPress, PHP, ReactJS, Node, Ruby, Rails и этот список можно продолжить.

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

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

Для разработчиков веб-сайтов, таких как Wix, Weebly, Squarespace и т. д., вам необходимо выполнить поиск на их торговой площадке/платформе.

Если у вас есть статический веб-сайт или вы можете писать HTML, CSS и JS, у меня есть бесплатный шаблон предварительной загрузки, который вы можете использовать. Вот предварительный просмотр в реальном времени и руководство (с исходным кодом). Этот предварительный загрузчик был сделан мной (как статический, так и плагин WordPress)

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

В двух словах, строительные блоки очень похожи: HTML, CSS и JavaScript в качестве конечного результата. Но в зависимости от вашей технической среды, настройка может отличаться.

Например, когда я преобразовал свой статический предварительный загрузчик в плагин WordPress, я написал в основном PHP. Но когда предварительный загрузчик виден внешнему интерфейсу, он преобразуется в HTML.

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

Заключение

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

Прелоадеры не имеют прямого отношения к SEO. Так что это в основном зависит от ваших личных предпочтений и удобства использования вашего веб-сайта и программных продуктов.

Существует множество способов внедрить прелоадер на ваш сайт на основе используемых технологий. Для веб-сайтов WordPress существует множество плагинов, из которых вы можете выбрать (включая мой).

Шихаб Ул Хак

Вы можете звать меня Шихаб. Я веб-разработчик и много работаю с PHP и WordPress.
У меня есть степень магистра, и я оставил свою обычную работу, чтобы полностью посвятить себя области, в которой я люблю работать. Я живу в Бангладеш и помогаю владельцам бизнеса создавать потрясающее присутствие в Интернете. 9Профиль автора Если ваш сайт работает медленно и вы не можете его ускорить, вы можете добавить предварительный загрузчик. В этом посте мы рассмотрим, что такое предварительный загрузчик и как бесплатно добавить его на свой веб-сайт WordPress (даже если вы не умеете программировать).

Поднимите руки, если вы ЛЮБИТЕ стоять в очередях. Любой?

Люди ненавидят ждать, особенно в Интернете.

Всего несколько лет назад мы терпеливо ждали 10 и более секунд, пока загружались сайты. Теперь 47% людей ожидают, что сайт загрузится за 2 секунды или меньше, а 64% мобильных пользователей ожидают, что сайт загрузится менее чем за 4 секунды.

Теперь плохие новости. Каждую 1 секунду загрузки вы видите, что еще 11% ваших потенциальных клиентов убегают быстрее, чем покупатель с последней пачкой туалетной бумаги на полке в супермаркете.

Фантастика! Так что быстрые сайты — это то, что вам нужно.

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

Однако что произойдет, если вы сделали все возможное, но по какой-то причине ваш сайт загружается дольше доли секунды?

Вам нужно взять лист из книги театров.

Пока вы ждете начала последнего блокбастера (на достаточном расстоянии от ваших соседей), вы увидите экран, заполненный «вещами».

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

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

Что такое предварительный загрузчик (или анимация загрузки)?

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

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

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

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

Если вы не можете ускорить свой сайт, то отвлеките посетителей, пока он загружается!

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

Советы по загрузчику

Если вы планируете добавить на свой сайт загрузчик, убедитесь, что он:

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

Если время загрузки вашей страницы превышает несколько секунд, найдите анимацию, объясняющую происходящее (например, добавив слово «загрузка»), или используйте процентные шкалы, чтобы показать, сколько еще осталось ждать. Эти дополнительные подсказки помогают дать дополнительное психологическое разрешение тому, что ваш сайт займет немного больше времени, чем обычно.

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

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

Как и все плагины, вы хотите выбрать плагин, который был недавно обновлен, работает с вашей версией WordPress и установлен на многих сайтах (сейчас не время быть манекеном для краш-тестов).

Предварительные загрузчики, которые я предпочитаю:

  • Flat Preloader
  • Умный загрузчик WP
  • Прелоадер Плюс

Эти плагины легко добавить и настроить. Они также работают с большинством тем и имеют несколько вариантов дизайна на выбор.

Прелоадер для Divi

Если на вашем сайте используется тема Divi, я предпочитаю использовать DP Preloader. Хотя вы можете использовать встроенные параметры, вы также можете использовать свои собственные, создав свой предварительный загрузчик в виде GIF в другом месте и сначала загрузив его в свой каталог мультимедиа. Затем вы можете скопировать ссылку и вставить ее в предварительный загрузчик DP, нажать «Сохранить», и все готово.

Как создать предварительный загрузчик для Divi, если вы не умеете программировать?

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

  • Preloaders.
    net — куча вариантов от классических спиннеров до текстовых и иконок.
  • Loading.io — бесплатные и номинальные варианты оплаты. Я обожаю их и использую на многих своих сайтах.

Если вы не хотите добавлять плагин Expand Divi, вы все равно можете создать предварительный загрузчик GIF, а затем использовать простой CSS, чтобы центрировать его на своей странице.

Если вам нужен удобный учебник по добавлению предварительного загрузчика GIF в Divi без плагина, B3 Multimedia предлагает одни из лучших высококачественных кодировщиков Divi и собрала простой в использовании учебник.

Последние мысли

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

Все еще нужна помощь? Мы можем помочь.

Об авторе

Ингрид Мойл (бакалавр психологии и производственных отношений) является главным веб-мастером в Heart Harmony Communications.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *