SEOツール

無料 投機ルールジェネレーター

ChromeとEdgeでページのプリレンダリングとプリフェッチを行うためのSpeculation Rules JSONを生成します。

ツールを読み込み中...

投機ルールジェネレーターとは

Speculation RulesはJSONベースのブラウザ機能で、ユーザーがクリックする前にどのページをプリフェッチまたはプリレンダリングするかをブラウザに指示できます。プリレンダリングは即時ナビゲーションのために完全なページを読み込み、プリフェッチはドキュメントリソースのみを取得します。これにより、後続のページビューがキャッシュまたはプリレンダリングされた状態から読み込まれるため、静的サイトの表示が高速になります。

クイックアンサー

Speculation RulesはJSONを使用して、ChromeとEdgeにユーザーがクリックする前にプリフェッチまたはプリレンダリングするページを指示します。プリレンダリングは即時ナビゲーションのために完全なページを読み込み、プリフェッチはメインドキュメントのみを取得します。

Last updated: 2026-06-11

制限事項

  • Speculation RulesはChromeとEdgeでのみ機能します。他のブラウザはscriptタグを完全に無視します。
  • 多くのページをeagerプリレンダリングすると、特にモバイルデバイスでかなりの帯域幅とメモリを消費する可能性があります。
  • クロスオリジンプリレンダリングには厳格なプライバシー制約があります。ブラウザはクロスオリジンのプリレンダリングページからクッキーやストレージアクセスを削除する場合があります。

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

使い方

  1. ページをプリレンダリング(完全レンダリング)するかプリフェッチ(ドキュメントのみ)するかを選択します。
  2. URLリストソースを選択して正確なページを指定するか、ドキュメントルールでパターンベースのマッチングを行います。
  3. eagernessレベルを設定します。Conservativeはホバーまたはフォーカス時に発火、Moderateは短い遅延を追加、Eagerは即座に発火します。
  4. scriptタグをページのheadまたはbodyの終わり近くにコピーします。

主な用途

  • トップナビゲーションページをプリレンダリングして、クリック時に即座に開くようにする。
  • 一覧ページからブログ記事ページをプリフェッチして、読了フローを高速化する。
  • ドキュメンテーションサイトにSpeculation Rulesを追加して、セクションページの読み込みを高速化する。

用途

使用例

メインナビゲーションのプリレンダリング

サイトがAbout、Tools、FAQページをプリレンダリングします。これは、ほとんどの訪問者がホームページからこれらのページに移動するためです。速度と帯域幅のバランスを取るために、eagernessはmoderateに設定されています。

ブログリンクのドキュメントルール

ブログ一覧がドキュメントルールを使用して、ユーザーがホバーしたときにページ上の同一オリジンリンクがプリフェッチの対象となるようにします。

よくあるミス

  • あまりに多くのページをプリレンダリングし、帯域幅とブラウザリソースを無駄にする。
  • すべてのページでeagernessをeagerに設定し、過剰なプリフェッチを引き起こす。
  • プライバシーとクッキーの影響を理解せずにクロスオリジンページをプリレンダリングする。

検証

  1. Chrome DevToolsを開き、Application > Speculation Rulesでルールが正しく解析されていることを確認する。
  2. Networkパネルで、プリレンダリングまたはプリフェッチされたページがSize列にProxiedまたはPrefetchedステータスを表示していることを確認する。

FAQ

投機ルールジェネレーターのFAQ

Speculation Rulesをサポートしているブラウザは?

Chrome 109以上とEdge 109以上です。他のブラウザはscriptタグを無視するため、プログレッシブエンハンスメントとして含めても安全です。

プリレンダリングとプリフェッチの違いは何ですか?

プリレンダリングはサブリソースを含むページを完全にフェッチしてレンダリングし、ナビゲーションを瞬時に感じさせます。プリフェッチはメインドキュメントのみをフェッチするため、帯域幅の負荷が軽くなります。

クロスオリジンページをプリレンダリングすべきですか?

クロスオリジンプリレンダリングには制限があります。ブラウザはクロスオリジンのプリレンダリングページにクッキーやストレージ状態を送信しない場合があり、同一オリジンの前提条件が適用されます。クロスオリジンURLには一般的にプリフェッチの方が安全です。

プリレンダリングはアナリティクスのページビュー数に影響しますか?

はい、これは既知の問題です。プリレンダリングされたページはアナリティクススクリプトを実行し、ユーザーがそのページに移動しなくてもページビューをカウントします。これに対処するには、document.prerendering APIまたはactivationStartパフォーマンスエントリを使用して、ユーザーナビゲーションによってページが実際にアクティブ化されるまでアナリティクスを延期します。このガードがないと、プリレンダリングされたページのページビューが過剰にカウントされます。

関連ツール

その他のseoツール

こちらもお試しください

こちらもお試しください