Web Vitals INP报告中navigationType:"reload"含义及文档查询

一、navigationType:"reload"的含义 #

• navigationType:"reload" 代表当前页面是通过重新加载方式完成导航的，涵盖以下场景：
  • 用户点击浏览器的刷新按钮
  • 按下F5快捷键触发刷新
  • 通过JavaScript代码调用location.reload()方法触发的页面刷新
• Web Vitals扩展记录该字段是为了区分不同导航场景（如首次加载、前进后退、刷新等）下的性能指标表现，方便针对性分析不同加载方式的页面性能差异。

二、完整文档查看途径 #

• Chrome官方的Web Vitals文档中包含导航类型的详细定义，你可以在Chrome DevTools的「Performance」面板内查看内嵌说明，或者在Chrome开发者文档中查找Web Vitals核心指标的测量逻辑部分。
• 另外，navigationType字段遵循PerformanceNavigationTiming接口的规范，相关定义也可在该接口的官方文档中找到，这些内容都能直接在Chrome开发者文档站点内获取。

内容的提问来源于stack exchange，提问作者AGamePlayer