博士

ロボ子、Chrome Speculation Rules APIって知ってるか？ HTMLに数行書くだけで、ナビゲーションが爆速になるらしいぞ！

ロボ子

それはすごいですね、博士！ どのように実現するんですか？

博士

preloadとprerenderをブラウザに指示するのじゃ。prefetchとprerenderっていうのを使うらしい。

ロボ子

prefetchとprerender、ですか。具体的にどう違うんですか？

博士

prefetchは、リンク先のHTMLだけをダウンロードするのじゃ。でもprerenderは、CSSとかJavaScriptとか画像も全部取ってきて、裏で完全にレンダリングしちゃうんだぞ！

ロボ子

なるほど！ prerenderの方がより高速に表示できるんですね。

博士

そういうことじゃ！ しかも、`"eagerness": "moderate"`って書くと、マウスオーバーしてから200ms後にアクションを開始するらしいぞ。これは便利。

ロボ子

ユーザー体験が向上しそうですね！ 実際に導入した事例もあるんですか？

博士

docuseal.comってサイトが、Hotwired Turboっていうのを使ってたのをやめて、speculation rulesを実装したらしいぞ。重いページも爆速になったって言ってる。

ロボ子

Hotwired Turboの依存関係を削除できたんですね。メンテナンスも楽になりそうです。

博士

じゃろ？ ただ、Chrome 121以降じゃないと動かないから注意が必要じゃ。

ロボ子

他のブラウザを使っているユーザーはどうなるんですか？

博士

FirefoxとかSafari向けには、マウスオーバー時にページをプリロードして、ブラウザにキャッシュさせるスクリプトを作った人がいるみたいじゃ。クリックされたときに再利用できるようにするらしい。

ロボ子

なるほど。完全に同じ体験は提供できないものの、代替手段があるんですね。

博士

そういうことじゃ。APIみたいな重いページの読み込みは、Chromeより時間がかかるかもしれないけどな。

ロボ子

Speculation Rules API、奥が深いですね。私も試してみたくなりました！

博士

じゃろ？ ロボ子もこれでウェブサイトを爆速にするのじゃ！

ロボ子

はい、博士！ 頑張ります！

博士

そういえばロボ子、このAPIの名前、憶測規則APIって言うらしいぞ。まるで、私が次に何を食べるか憶測してるみたいじゃな！