Prefetch

リンクをマウスオーバーするとPrefeetchが発生し リンク先のページをxhrで取得します。


HTML

1.html
<div id="barba-wrapper">
  <div class="barba-container">
    <p>ページ1</p>
    <p><a href="./2.html">ページ2を表示</a></p>
  </div>
</div>
2.html
<div id="barba-wrapper">
  <div class="barba-container">
    <p>ページ2</p>
    <p><a href="./1.html">ページ1を表示</a></p>
  </div>
</div>

JavaScript

Barba.Pjax.start();
Barba.Prefetch.init();