Speculation Rules APIを試す

1. このページの目的

本ページを使って、Speculation Rules APIを利用したHTMLコードを試す。

2. 実験

準備

(1) このページに、以下を記述する。

<script type="speculationrules">
{
  "prerender": [{
    "where": { "href_matches": "/*" },
    "eagerness": "moderate"
  }]
}
</script>

(2) リンクを記述する。

foo.php

実験

  1. Windows + Chromeブラウザで、このページにアクセスする。
  2. DevTools の Network パネルを開く。
  3. リンクにカーソルを合わせる。(リンク先が先読みされる)

スクリーンショット

DevTools: Network パネル, foo.phpを先読みしているところ(prefetch)。

3. 参考