Сайт seozp.ru

Более 10 лет мы помогаем компаниям достичь своих финансовых и брендинговых целей. SEOZP — это специализированное SEO-агентство, ориентированное на ценности.

Индикатор загрузки страниц для сайта на pace.js

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

Чтобы решить подобную проблему, вебмастера придумали приложение PACE, которое работает на jаvascript\’е. Оно встраивается прямо в шапку сайта, и там можно будет выбрать более подходящий стиль для своего сайта. На официальной странице сайта уже есть 14 разных вариантов, которые можно поставить.
Вот код

<script src="/pace/pace.js"></script> <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />

Первая часть отвечает за загрузку PACE приложения, вторая загружает наш шаблон.

Какие шаблоны есть в Pace.js

  • pace-theme-barber-shop.tmpl.css
  • pace-theme-big-counter.tmpl.css
  • pace-theme-bounce.tmpl.css
  • pace-theme-center-atom.tmpl.css
  • pace-theme-center-circle.tmpl.css
  • pace-theme-center-radar.tmpl.css
  • pace-theme-center-simple.tmpl.css
  • pace-theme-corner-indicator.tmpl.css
  • pace-theme-fill-left.tmpl.css
  • pace-theme-flash.tmpl.css
  • pace-theme-flat-top.tmpl.css
  • pace-theme-loading-bar.tmpl.css
  • pace-theme-mac-osx.tmpl.css
  • pace-theme-minimal.tmpl.css

3 комментария

  1. JamesCaw
    06.03.2019 Ответить

    Не знаю зачем это может быть нужно вообще, только мешает как по мне.

Оставить комментарий

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