SuperAPI AI 工具集

speculation-rules

前端与建站

查看项目

更新于 10-16 06:15

技能介绍

用途:优化多页面站点的导航性能,减少页面切换时的 Interaction to Next Paint(INP)与整体感知延迟。通过预渲染最可能访问的下一页,可消除网络与渲染延迟,用户可在 100 毫秒内看到新页面,与服务器响应时间无关;Google 搜索的即时结果页体验也使用了该 API。

主要能力:prefetch 规则可提前加载下一页 HTML;prerender 规则可在后台完整渲染下一页,实现即时导航;可用 href-matches 或 CSS 选择器限定规则范围,避免浪费带宽;动态站点优先使用文档规则(CSS 选择器)而非 URL 列表规则。

使用方式:检查站点是否已使用 Speculation Rules API 或等效的预取/预渲染技术覆盖可能的导航目标;为最可能的下一页链接添加 Speculation Rules JSON 块,先以 prefetch 起步,再逐步过渡到 prerender;并说明该 API 与 rel=prefetch、rel=prerender 的区别以及预渲染如何实现接近零的导航延迟。

适用场景:多页面站点的导航优化、渐进增强式快速加载、需要降低 INP 的页面跳转。限制与注意:需审查选择器是否过于激进,避免预渲染无关页面、第三方 URL,或含个性化/需认证内容而不应预取的页面。完整实现细节、代码示例与框架相关指引见 references/rule.md;规则页面:https://frontendchecklist.io/rules/performance/speculation-rules。