缓存抓取:你在桌上留下了多少?

主要观点:作者一直痴迷于缓存,CrUX 报告开始包含导航信息,可通过 Treo 的免费 Sitespeed 工具和 CrUX Dashboard 查看。从这些数据中能推断出很多,如不同导航类型的占比及意义,包括 Navigate(硬导航)、Cache(从 HTTP 缓存返回)、Back–Forward(通过后退或前进按钮触发)、bfcache(浏览器后退/前进缓存)、Reload(用户刷新页面)、Restore(页面恢复)、Prerender(预渲染)等。还介绍了 Prerender 的机制及调试工具,以及 Tim Vereecke 的 Scalemates 网站的出色数据。
关键信息

  • CrUX 报告的导航信息及可能的导航类型。
  • 各导航类型在 BBC 等网站的占比及分析。
  • Prerender 的两种方式(prefetch 和 prerender)及注意事项。
  • 调试 Prerender 的工具及相关请求头。
  • 其他可能的预渲染行为。
    重要细节
  • 每个导航类型相互排斥,如 bfcache 命中由点击后退按钮触发,不计入 Back–Forward 导航类型。
  • bfcache 更快是因为从内存恢复页面,近即时加载。
  • 不同导航类型的数据需结合上下文查看,如 Reload 可能是网站问题或正常行为。
  • 介绍了在页面中使用 Speculation Rules API 实现 Prerender 的代码示例。
  • 提到 Harry Roberts 是独立顾问,提供网站性能相关服务等。
阅读 24
0 条评论