コードとフォーマット

Speculation Rulesジェネレーター

Prefetch と prerender 用の有効な Speculation Rules JSON を作成し、安全なプリセット、URL パターン、および eagerness オプションをブラウザーで確認してください。

Speculation Rulesの設定
安全な開始点: Conservative Prefetch まず低リスクのprefetchで測定し、実際の閲覧データに基づいてprerenderの範囲を絞りながら有効化してください。
完全にブラウザー上で動作

プリセット

プリセットは、処理の種類とトリガーの感度を同時に変更します。

リソース使用量が少ない

ルールの動作

ブラウザーが何を、どのソースから、どれだけ早く準備するかを選択してください。

Prerenderは、対象ページのJavaScriptコードも実行できます。
パターンはページ上の該当するリンクに自動的に適用されます。
早期にトリガーすると、帯域幅とプロセッサーの使用量が増える可能性があります。

URLの範囲

各行に一つの URLPattern パターンまたは一つのターゲット URL を入力してください。

例： /blog/* または /products/:slug
セッション、決済、および状態を変更するパスは必ず除外してください。
有効な CSS セレクター一覧を入力してください。一致するリンクはルールの対象外になります。

ライブ構文およびリスク監査

JSON 構造、URLPattern 入力、およびリソース消費の選択内容を即座に確認します。

有効

生成されたコード

1 ルール · 1 対象/パターン

ブラウザーのサポートを確認しています…
情報

Speculation Rulesジェネレーターについて

Speculation Rules APIは、ユーザーが次に訪問する可能性のあるページをブラウザーが先読み（prefetch)またはバックグラウンドでの完全な準備（prerender)の指示を与えます。正しく使用すれば、後続ページへの遷移を大幅に高速化できますが、広範囲に使用しすぎると、帯域幅、サーバーリソース、分析測定を不必要に消費する可能性があります。

このツールは、 conservative、moderate、aggressive プリセットを使用してURLPatternパターンまたは明示的なURLリストからルールを生成します。出力をプレーンなJSONまたはページに直接追加できる <script type="speculationrules"> 形式で取得できます。構文、CSS除外セレクター、リスクの高い組み合わせはすべてブラウザー内で検証されます。

Speculation Rulesをサポートしないブラウザーはこのスクリプトの種類を無視しますが、通常のリンクは引き続き機能します。そのため、この機能は正しく設定すれば追加の高速化レイヤーとなり、既存のナビゲーションフローに取って代わるものではありません。

使い方は？

段階的に

  1. トラフィックとリソース使用量に適合 Conservative、Moderate、またはAggressive プリセットを選択してください。
  2. 処理としてはより軽量 prefetch またはページ全体を準備する prerender を選択してください。
  3. スコープ URLパターン または 明示的なURLリスト で定義し、セッション、カート、決済のパスを除外してください。
  4. ライブ検証領域に表示される構文とリソース消費に関する警告を解消してください。
  5. 生成された HTML ラベルまたは JSON 出力をコピーするか、ファイルとしてダウンロードしてください。
FAQ

よくある質問

prefetch 対象ドキュメントをネットワークから事前に取得しますが、ページは実行しません。 prerender の場合は、対象ページを見えないタブにあるかのように読み込んでレンダリングします。Prerenderによって遷移を高速化できる場合がありますが、JavaScript、ネットワーク要求、分析イベントがクリック前に実行される可能性があるため、より慎重に使用する必要があります。

conservative 強いユーザー意図を必要とします。 中程度 リンク上で短時間待機するなどのシグナルを使用します。 eager 、特に immediate より早く動作することで、より多くのリソースを消費する可能性があります。それでもブラウザー、デバイス、ネットワークの状況に応じて、ルールを適用しないことを選択する場合があります。

WordPress 6.8は、適切なフロントエンドリンクに対して、サポートするブラウザーへデフォルトでconservative prefetchルールを送信できます。まずページソースで既存の type="speculationrules" スクリプトを確認してください。競合する二つ目のルールを追加するのではなく、必要に応じて wp_speculation_rules_configuration フィルターでコア設定をカスタマイズします。

スクリプトの種類が認識されないため、ルールは無視されます。ページ上の通常の <a href> リンクは変更せずに動作し、専用のJavaScript polyfillは必要ありません。そのため、リンク先をSpeculation Rulesだけに紐付けず、通常のナビゲーションフローを維持してください。

ログアウト、ログイン、カート、決済、アカウント、管理画面、ワンタイムリンク、およびGETリクエストによって状態を変更するすべてのパスを除外してください。プリレンダリングされたページはユーザーがクリックしなくても実行される可能性があるため、安全で冪等性があり、個人データを漏洩させないページでのみ使用するのが適切です。
すべての無料ツールに戻る