【スペキュレーションルールズ】
Speculation Rules とは？
最終更新:
💡 次に開くかもしれないページを、先に準備するためのルール
次に開かれそうな文書URLの先行取得や事前描画を、JSONのルールでブラウザへ伝えるAPI。ページ遷移の待ち時間を減らすために使う。実行はブラウザの判断や設定にも依存し、全ブラウザでの対応や効果を保証するものではない。通信・メモリの消費や先読みの副作用も考える。
📌 このページのポイント
ひよこ 何を先読みするの？
ペンギン先生 ひよこ どう指定する？
ペンギン先生 ひよこ プリレンダリングは何が違う？
ペンギン先生 文書に加えて関連リソースを読み込み、見えない状態で描画やJavaScriptの実行も進めるよ。準備済みなら遷移の待ち時間を減らせる。ただしブラウザは設定や使用中のメモリなどを見て、ルールを実行しないこともあるんだ。
ひよこ 全部のリンクに使えばいい？
ペンギン先生 使わないページの準備には通信やメモリを消費するよ。ログアウトなど、取得だけで状態を変えるURLも考慮する必要がある。プリレンダリングでは計測などのJavaScriptも実行されるので、表示前に起こしてよい処理かを確認しよう。
ひよこ どのブラウザでも速くなる？
まとめ：ざっくりこれだけ覚えればOK！
「Speculation Rules」って出てきたら「次に開くかもしれないページを、先に準備するためのルール」と思えばだいたいOK！
📖 おまけ：英語の意味
「Speculation Rules」 ＝ 先の利用を見込んで準備するルール
💬 Speculationは、次に使われるかもしれないものを見込んで処理するという意味だよ。ユーザーが必ずそのページを開く、と確定しているわけではないんだ。