代码和格式

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 输出，或者将其下载为文件。
常见问题解答

常见问题解答

prefetch 使目标文档预先从网络获取；但不会运行页面。 prerender 则会加载目标页面并进行渲染，就像页面位于不可见的标签页中一样。Prerender 可能带来更快的页面切换，但应谨慎使用，因为 JavaScript、网络请求和分析事件可能会在点击前运行。

conservative 需要强烈的用户意图； moderate 使用链接上的短暂等待等信号。 eager 以及特别是 immediate 可能更早运行并消耗更多资源。浏览器仍可能根据设备和网络状况选择不应用某条规则。

WordPress 6.8 可以默认向支持的浏览器发送 conservative prefetch 规则，以用于合适的前端链接。请先在页面源代码中检查现有的 type="speculationrules" 检查 script。不要添加相互冲突的第二条规则，必要时改为 wp_speculation_rules_configuration 通过筛选器自定义核心配置。

脚本类型无法识别，规则将被忽略。页面中的普通 <a href> 链接可保持不变地工作；不需要特殊的 JavaScript polyfill。因此，不要仅将链接目标绑定到 Speculation Rules，并保持正常的导航流程。

排除退出、登录、购物车、结账、账户、管理、一次性链接，以及所有会因 GET 请求而改变状态的路径。由于预渲染页面可能在用户点击前运行，因此仅适合用于安全、幂等且不会泄露个人数据的页面。
返回所有免费工具