使用推测加载 API 实现网页预加载,让 WordPress 站内导航快到 “无感”!

💡 原文中文,约6500字,阅读约需16分钟。
📝

内容提要

WordPress 6.8 版本引入了推测规则 API,简化了预加载配置,提升了站点导航速度,解决了传统方案的兼容性和配置复杂性,显著改善用户体验。

🎯

关键要点

  • WordPress 6.8 版本引入推测规则 API,简化预加载配置,提升站点导航速度。
  • 推测规则 API 解决了传统预加载方案的兼容性和配置复杂性问题。
  • 传统预加载方案包括 prefetch 和 prerender,但存在资源消耗高和不兼容等缺点。
  • 推测规则 API 采用 JSON 格式的声明式规则,支持批量定义预加载策略。
  • 启用推测规则 API 的 WordPress 站点中位数 LCP 提升约 1.9%。
  • 推测规则 API 支持内联脚本和 HTTP 标头配置,适应不同开发场景。
  • 开发者可以通过设置 eagerness 值来控制预加载的触发时机。
  • WordPress 提供丰富的钩子和 UI 定制能力,满足不同站点需求。
  • 推测规则 API 在主流浏览器中逐步适配,Chrome 和 Edge 完全支持。
  • WordPress 6.8 默认启用 prefetch+conservative 配置,用户可直接享受优化。
➡️

继续阅读