"瞬时导航优化：Speculation Rules 的预取与预渲染"

概述Speculation Rules 通过在页面中声明预取/预渲染规则，实现更快的页面导航体验。预取仅下载目标页面响应体；预渲染则在后台完整渲染并加载子资源与脚本，在导航时几乎瞬时切换。语法与行为在 `<script type="speculationrules">` 中以 JSON 定义 `prefetch` 与 `prerender` 规则；或通过响应头 `Speculation-Rules` 指定外部规则文件（需 `application/speculationrules+json` MIME）［参考1,2,5］。`prefetch`：下载页面响应体，不加载子资源；结果存储在每文档的内存缓存中，导航到目标页时加速加载［参考2］。`prerender`：后台加载与渲染目标页，加载所有子资源与执行 JS；在导航时几乎瞬时切换，但前期成本更高［参考1,2］。兼容性与风险未支持的浏览器会忽略 `<script type="speculationrules">`；适合渐进增强。预渲染会执行目标页脚本，应谨慎选择目标并避免对用户造成副作用［参考3,5］。参考与验证［参考1］MDN：Speculation Rules API（prefetch/prerender 行为与 `<script type="speculationrules">`）：https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API［参考2］MDN 中文：推测规则 API（预取/预渲染语义与内存缓存）：https://developer.mozilla.org/zh-CN/docs/Web/API/Speculation_Rules_API［参考3］MDN：`<script type="speculationrules">` 元素语法示例与注意事项：https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/speculationrules［参考4］文章：Speculation Rules 使用与兼容性说明（渐进增强）：https://dev.to/shidhincr/speculation-rules-api-a-new-era-of-faster-web-browsing-5hhk［参考5］教程：Speculation Rules 规则编写与案例：https://uxify.com/blog/post/speculation-rules-api关键词校验关键词与 Speculation Rules 预取/预渲染一致。