Speculation Rules とは？

ブラウザに「次にこのページに行くかもよ」と事前に教えるためのルールを書くAPIだよ。ユーザーがリンクをクリックする前にブラウザが先読みを開始するんだ。

`<script type="speculationrules">` タグの中にJSONで書くよ。`prefetch` でリソースを先取りするか、`prerender` でページ丸ごと事前に生成するかを指定できるんだ。

そう！クリックした瞬間に既にレンダリング済みのページが出てくるから、体感的にはほぼ瞬時に遷移するよ。LCPが劇的に改善されることが多いんだ。

いい指摘だよ。だからルールで条件を絞るんだ。「このパスのURLだけ」「ホバー後0.5秒で発動」など細かく設定できるよ。ブラウザ側もメモリ状況を見て自動的に制限してくれるんだ。

現時点ではChromium系が主な対応ブラウザだね。ただ未対応ブラウザは単に無視するだけだからプログレッシブエンハンスメントとして導入しやすいよ。Core Web Vitals改善の施策として注目が高まっているんだ。