タイトルと画面の一部分だけを入れ替えてページ遷移の体感速度をいい感じに上げてくれるpjax。 pjax自体も導入はそこまで難しくはないんですが、「Barba.js」を使ったら簡単すぎてひっくりこけたので導入メモ。このサイトで使っています。160901現在。 luruke/barba.js: Create badass, fluid and smooth transition between your website's pages. 詳しくは Barba.js のリポジトリのリドミを読んでくれという感じなのですが luruke/barba.js: Create badass, fluid and smooth transition between your website's pages. <script src="barba.min.js" type="text/javascript">
![「Barba.js」で pjax 対応サイトにして遷移の体感速度を上げる - フロントのエンド](https://cdn-ak-scissors.b.st-hatena.com/image/square/634cda4b2b2e3a96666607665dfdb6edf14fe4a4/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fdkgxsemil%2Fimage%2Fupload%2Fl_text%3ASawarabi%2520Mincho_50_bold%3A%25E3%2580%258CBarba.js%25E3%2580%258D%25E3%2581%25A7%2Bpjax%2B%25E5%25AF%25BE%25E5%25BF%259C%25E3%2582%25B5%25E3%2582%25A4%25E3%2583%2588%25E3%2581%25AB%25E3%2581%2597%25E3%2581%25A6%25E9%2581%25B7%25E7%25A7%25BB%25E3%2581%25AE%25E4%25BD%2593%25E6%2584%259F%25E9%2580%259F%25E5%25BA%25A6%25E3%2582%2592%25E4%25B8%258A%25E3%2581%2592%25E3%2582%258B%2Cco_rgb%3Aab5078%2Cw_500%2Cc_fit%2Fv1569474455%2Feye%2Fend-ogp-base.png)