跨屏互联实操过超多 wordpress 独立站项目，自研的 SaaS 建站系统也带着 WP 的影子，对 WP 算是深度研究。
做独立站最懂的痛点：站内点链接卡顿 1-2 秒，访客直接跳走，跳出率居高不下。而预加载是解决导航速度的核心，让浏览器提前准备好页面，实现点击即响应。
WordPress 6.8 版本直接把推测规则 API（Speculation Rules API） 内置成核心功能，完美解决传统预加载的所有坑，无需复杂开发，零成本让导航快到「无感」。
今天全是实操干货，从核心逻辑到配置、验证、定制，一步一步讲透，新手也能直接上手，看完就能给你的 WP 站提速。
一、传统预加载方案：能用，但坑太多，适配 WP 超难
早期的 prefetch、prerender 两种预加载，在 WP 生态里全是短板，我们实操中踩过不少坑，优化效果大打折扣。
? prefetch（预获取）：省资源，但没卵用? prerender（预渲染）：体验好，但兼容性拉胯? 共同硬伤：WP 站尤其明显无动态触发：仅静态声明，不能根据鼠标悬停等行为触发，易出现「预加载了用户没点」的无效消耗配置超麻烦：每个页面手动加标签，WP 导航、分类、产品页链接多，维护工作量翻倍
二、推测规则 API：WP 专属的标准化预加载神器
W3C 标准化的推测规则 API，被 WP6.8 深度整合进核心，也是我们现在给所有 WP 站做导航优化的首选方案，直接解决传统方案的所有痛点。
简单说：这是 WP 站零成本、高回报的性能优化标配，开箱即用，还能灵活定制。
三、2 种核心配置方法：适配所有 WP 场景，代码可直接复制
推测规则 API 分内联脚本和HTTP 标头两种配置方式，前者适合单页面定制，后者适合全站统一规则，按需选择即可。
方法 1：内联脚本配置（推荐，页面级定制）
直接加在页面中，可精准排除敏感链接（如购物车、登出页），电商站、企业站首选，复制即用，改规则就行：
{
"prerender": [
{
"where": {
"and": [
{ "href_matches": "/*" },
{ "not": { "href_matches": "/logout" } },
{ "not": { "href_matches": "/*\\?*(^|&)add-to-cart=*" } },
{ "not": { "selector_matches": ".no-prerender" } },
{ "not": { "selector_matches": "[rel~=nofollow]" } }
]
}
}
],
"prefetch": [
{
"urls": ["next.html", "next2.html"],
"requires": ["anonymous-client-ip-when-cross-origin"],
"referrer_policy": "no-referrer"
}
]
}cript>方法 2：HTTP 标头配置（全站统一，博客 / 资讯站首选）
服务器响应头加Speculation-Rules，引用外部 JSON 规则文件，实现全站统一优化，适合无需个性化的博客、资讯类 WP 站：
Speculation-Rules: "/rules/prefetch.json"小注意：JSON 文件需设置 MIME 类型为application/speculationrules+json，WP 站可通过插件 / 主题functions.php配置，不用碰服务器后台。
四、3 步验证配置：确保生效，别白忙活
配置后必做验证，仅需 Chrome 浏览器操作，新手也能搞定，出现Sec-Purpose标头就是真生效了：
F12 打开开发者模式，切「应用」标签，找到「推测规则」，能看到配置的规则集 = 规则加载成功悬停 / 点击站内链接，切「网络」标签，能看到类型为prefetch/prerender的请求点开该请求看标头，出现Sec-Purpose: prefetch（预获取）/Sec-Purpose: prerender（预渲染）= 预加载生效五、核心知识点：2 种模式 + 4 种触发时机，按需搭配
推测规则 API 升级了传统的 prefetch/prerender，还新增触发时机配置，可根据 WP 站类型（博客 / 电商 / 企业）搭配，平衡速度和资源消耗。
