ブログにturbolinksとnprogressを適用した

• rails/turbolinks
  • ざっくり言うとページ遷移をajaxに置き換えて高速化してくれる。
  • rails4からの標準機能。
• rstacruz/nprogress
  • YouTube風のページローダーを実装する「NProgress.js」 - Tecuration .com

プログレスバーの発動タイミングはnprogressのreadmeの例をそのまま使っている↓

$(document).on('page:fetch',   function() { NProgress.start(); });
$(document).on('page:change',  function() { NProgress.done(); });
$(document).on('page:restore', function() { NProgress.remove(); });

• 変更の詳細

雑感

• ページ遷移が速く(感じるように)なって、かなり快適になった。
• turbolinksとnprogressの相性がよい
• 普段からrailsでturbolinksを使っているものの、何故か静的サイトでturbolinksを使うという発想が無かった。