开发者工具提示：调试推测性导航以提高网页加载速度

Sofia Emelianova
Sofia Emelianova
GitHub

借助 Speculation Rules API，您可以根据自己定义的推测规则实现近乎即时的网页加载。这样，您的网站就可以预提取和预渲染大多数导航到的网页。

观看视频并查看此演示，了解如何：

  • 在应用 > 后台服务 > 推测加载中检查推测、其规则和状态。
  • 通过顶部操作栏中的下拉菜单切换渲染，并使用所有开发者工具面板检查渲染。
  • 实时跟踪记录预渲染状态。

您如何知道用户点击的下一个网址是什么？为了帮助您最大限度地发挥推测加载的潜力，Chrome 121 现在可以提取文档中的所有链接（而非固定列表），但仅在用户将鼠标悬停在某个链接上并即将点击该链接时进行预呈现。

观看视频的最后一部分，了解如何实现和调试会在悬停或鼠标按下事件时触发预渲染的文档规则。这些事件可让系统在导航前先推测加载网页。查看此演示中的功能。

如需了解详情，请参阅以下主题：