Performance API不提供内存指标，因其规范聚焦时间维度（如DNS、TCP、渲染），而内存属运行时私有状态，受沙箱隔离与隐私安全限制；仅Chromium支持的非标准performance.memory已废弃，不可用于生产。
HTML5 Performance API 本身不直接提供内存消耗数据。
为什么 Performance API 不含内存指标
Performance API（如 performance.timing、performance.navigation、performance.measure）聚焦于**时间维度**的加载与运行时行为：DNS 查询、TCP 连接、请求响应、DOM 解析、渲染完成等。它基于浏览器标准规范（W3C Navigation Timing、Resource Timing 等），所有字段均为可跨浏览器复现的、标准化的毫秒级时间戳。
而内存使用（如 JS 堆内存、DOM 节点数、渲染内存、GPU 内存）属于**运行时私有状态**，涉及隐私与安全限制——浏览器出于沙箱隔离原则，不会向网页脚本暴露精确、实时的进程级内存数据，以防侧信道攻击或用户行为推断。
可用的替代方案与调试途径
虽然无法通过标准 HTML5 API 直接读取内存，但开发者仍可通过以下方式获取相关线索：
立即学习“前端免费学习笔记（深入）”；
- Chrome DevTools 的 Memory 面板：录制堆快照（Heap Snapshot）、分配时间轴（Allocation Timeline）、内存泄漏检测（如对比多次快照的 DOM 节点增长），这是最准确、最常用的分析手段；
-
performance.memory（非标准、仅 Chromium）：部分 Chrome/Edge 版本支持该只读属性，返回{ totalJSHeapSize, usedJSHeapSize, jsHeapSizeLimit }，但已标记为废弃（deprecated），且 Safari、Firefox 完全不支持，不可用于生产环境； -
Navigation Timing + Resource Timing 结合估算：例如，若某页面在
domContentLoadedEventEnd后内存陡增，再结合performance.getEntriesByType('resource')查看大体积 JS/CSS/图片加载时机，可间接定位内存压力来源； - Service Worker + 自定义上报：在 SW 中监听资源加载并记录大小，配合客户端 JS 统计关键对象生命周期（如 Canvas 实例、大型 ArrayBuffer 创建/释放），实现轻量级内存使用建模。
真正影响用户体验的“内存问题”常表现为
不必执着于具体 MB 数值，更应关注可感知的行为信号：
- 滚动卡顿或动画掉帧（
requestAnimationFrame回调延迟 > 16ms），可能源于大量 DOM 节点未及时回收； - 页面返回后白屏或重绘异常，常见于单页应用中组件卸载不彻底、事件监听器未移除、闭包持有大对象；
- 频繁触发垃圾回收（GC）日志（DevTools Console 中可见
[GC]），说明内存分配-释放节奏失衡； - Android WebView 或低端 iOS 设备上意外崩溃（OOM），往往对应 JS 堆接近上限或图像解码占用 GPU 内存溢出。
抓内存问题，靠的是时间线关联 + 行为观察 + 工具验证，不是靠一个 API 返回数字。
