Limited support 一部のブラウザのみ対応。使用時はサポート状況を確認すること。
メタデータ・スクリプト Limited support

Speculation rules

Speculation Rules は <script type="speculationrules"> でリンク先のプリフェッチ・プリレンダリングのルールを JSON で定義します。

メタデータ・スクリプト

概要

Speculation Rules は <script type="speculationrules"> でリンク先のプリフェッチ・プリレンダリングのルールを JSON で定義します。

対応ブラウザ

デスクトップ

Chrome 109+
Edge 109+
Safari 未対応
Firefox 未対応

モバイル

Chrome Android 109+
Safari iOS 未対応
Firefox Android 未対応

基本構文

HTML 
<script type="speculationrules">
{
  "prerender": [{ "where": { "href_matches": "/articles/*" } }],
  "prefetch": [{ "urls": ["/next-page"] }]
}
</script>

実務での使いどころ

  • Speculation rules の活用

    Speculation Rules API。ページ遷移の事前レンダリング・プリフェッチを制御。

注意点

  • 一部のブラウザでのみ対応。使用前にブラウザサポートを確認すること。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク