能否重置window.performance对象？SPA场景前端性能测算方法咨询

一、是否存在可重置window.performance对象的合规方法 #

目前没有通用、全浏览器兼容的直接重置window.performance全量数据的方案。
window.performance最初的设计目标，是记录文档从首次加载、建立连接到页面可交互的全链路时序，其底层维护的核心属性（比如传统的performance.timing、performance.navigation）都是浏览器内核持有的只读值，从架构上就不会随前端路由的DOM切换逻辑自动更新。早年部分浏览器曾实现过非标准的全局重置接口，但因为会破坏页面加载全链路的时序完整性，早已被移出Web标准，现在没有任何合规的API可以直接清空整个performance对象存储的全部历史数据。
当然，你可以通过标准提供的方法，定向清理自己主动生成的时序条目，不会受这个限制。

二、SPA架构下的性能测算可行方案 #

其实不需要全量重置整个performance对象，完全可以基于现有API的能力适配SPA的运行特性完成性能采集，经过实际项目验证的常用方案有三类：

• 基于标准打点的自定义测量：这是目前兼容性最广的方案，完全不依赖全局timing的自动重置逻辑。在每次路由切换的关键节点手动埋点：
  • 路由逻辑触发跳转时，调用performance.mark('route-nav-start')记录跳转起始的时间戳
  • 路由对应的页面组件完成挂载、DOM渲染达到可交互状态（可以结合框架的组件挂载钩子、首次内容绘制完成的判断逻辑）时，调用performance.mark('route-nav-end')记录结束时间戳
  • 调用performance.measure('route-render-duration', 'route-nav-start', 'route-nav-end')计算两个打点的时间差，就能得到单条路由从触发到可交互的完整性能指标
  • 对应指标采集完成后，可调用performance.clearMarks()、performance.clearMeasures('route-render-duration')清理临时打点，避免重复数据长期积累
• 资源性能数据的定向过滤统计：如果需要统计路由加载过程中的静态资源耗时，不需要清空全量的资源时序数据，只需要在路由切换的起始节点记录当前的时间戳，在下一次路由触发时，通过performance.getEntriesByType('resource')筛选出两次时间戳区间内的资源条目，就能得到本次路由加载涉及的所有资源的性能数据。如果需要清理不需要的历史资源记录，也可以通过performance.clearResourceTimings()按时间范围定向删除，不会影响整体的时序存储逻辑。
• 现代浏览器的软导航原生能力：目前主流现代浏览器已经支持对SPA软导航（即基于History API实现的无刷新路由切换）的原生性能记录，每次路由切换都会自动生成独立的导航时序条目，可直接通过performance.getEntriesByType('navigation')获取所有路由跳转的性能数据，完全不需要手动重置原有performance对象的存储。

注：传统的performance.timing接口本身已经被Web标准标记为废弃，日常开发中更推荐使用基于Performance Timeline规范的各类API做性能采集，长期兼容性会更好。

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