Turbolinks + Pace.js

Поделиться ВКонтакте
+1

Я — веб-разработчик. Я не хочу ничего решать, я хочу фыр-фыр-фыр. Тьфу ты, то есть я хочу, чтобы окно браузера не перезагружалось каждый раз, когда я (или любой другой посетитель) переходит по ссылкам внутри моего блога. Этого, да. Ну и еще я хочу модный прогресс-бар (как на YouTube, ага). Поехали…

Turbolinks

Turbolinks — это удобная штука, которая обещает нам ускорить загрузку страниц путем исполнения некоторой JavaScript-магии :) Она перехватывает клики по ссылкам и выполняет AJAX-запрос непосредственно к контенту вместо самого браузера. Когда ответные данные получены, заменяется только то, что находится внутри тега

Это значит, что браузер не пытается заново скачать CSS и JS.

Скачать Turbolinks можно на GitHub. Для WordPress есть плагин, чтобы не запариваться с интеграцией. Плагин можно взять либо у меня, либо там же. Установка плагина как обычно, а если ставите на любой движок и не получается — пишите в комментариях, помогу.

Pace.js

Pace.js — это полностью автоматический прогресс-бар. Брать здесь. Настраивается элементарно:

  • Подключаете pace.js
  • Подключаете pace.css

Все :) Единственный момент — чтобы его не глючило, подключать надо с опциями:


Я советую хостинг Linode и Digital Ocean. Рефам помощь в установке и настройке — бесплатно!

  • Pace.js показывает часто загрузку пустоты в том числе и на этом сайте

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