主要观点:作者一直痴迷于缓存,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 是独立顾问,提供网站性能相关服务等。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。