やったこと

webサービスを作るときに考えたことを垂れ流します

Barba.jsで指定したページをプリロードする!

Pjaxを使ってゴリゴリと画面遷移するページが作れる便利なライブラリ「Barba.js」

このBarba.jsで、指定したURLのページをプリロードしてキャッシュさせる方法です!

下記のようなコードでできます!

//読み込むページのURL
var url = "http://hogege.com/page/1";

//Barba.js起動
Barba.Pjax.init();

//すでに読み込み済みか確認
xhr = Barba.Pjax.Cache.get(url );

if (!xhr) {
  //もし読み込んでなかったら読み込み開始
  xhr = Barba.Utils.xhr(url );
  Barba.Pjax.Cache.set(url , xhr);
}

以上です!