需先启用safari开发者菜单并打开web检查器控制台，再执行performance api获取导航、dom加载及资源耗时等毫秒级数据，配合网络面板验证，但无法替代时间线的可视化深度分析。
要在 Safari 浏览器中通过控制台查看网页性能分析和加载时间，核心是先启用开发者工具，再结合控制台执行 Performance API 获取精确数值——它不直接显示图形化时间线，但能快速读出导航、资源加载等关键耗时。
启用开发菜单并打开控制台
这是所有操作的前提，跳过则控制台无法调出：
- 点击顶部菜单栏的Safari → 设置 → 高级，勾选“在菜单栏中显示‘开发’菜单”
- 关闭设置，确认菜单栏出现“开发”项；若未出现，重启 Safari 再试
- 打开目标网页后，按 Option + Command + I 打开 Web 检查器，再点击顶部“控制台”标签
在控制台中运行 Performance API 查看加载时间
控制台本身不绘图，但可调用浏览器内置的 performance 对象获取毫秒级时间数据：
- 输入
performance.timing回车，查看完整导航生命周期各阶段时间戳（如navigationStart、domContentLoadedEventEnd、loadEventEnd） - 计算首屏关键指标：例如
performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart得到 DOM 加载耗时 - 查看资源加载详情：
performance.getEntriesByType('resource')列出所有 CSS/JS/图片等资源的加载全过程耗时 - 筛选慢资源：
performance.getEntriesByType('resource').filter(r => r.duration > 500)找出加载超 500ms 的资源
配合网络面板验证控制台数据
控制台输出的是原始时间戳，需结合网络面板交叉验证是否真实反映用户感知：
- 在 Web 检查器中切换到“网络”标签页，刷新页面
- 观察列表底部状态栏的 Finish 时间，即总加载耗时，与控制台
loadEventEnd - navigationStart值应基本一致 - 点击任一资源 → 右侧“Timing”子标签，查看 DNS、连接、TTFB、下载等分段耗时，确认瓶颈环节是否与控制台筛选结果吻合
注意控制台的局限性
它适合快速抓取数字，但无法替代可视化分析：
- 不显示渲染帧率、布局重排、JavaScript 执行堆栈等深度性能信息
- 若页面已加载完成再打开控制台，
performance.timing中部分早期时间戳可能为 0（因导航已结束） - 要获得完整火焰图或交互卡顿定位，仍需使用“开发 → 显示时间线”进行录制
