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

Индикатор загрузки страниц для сайта на 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

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

Оставить свой след отзыв