要诊断网页api响应慢、卡顿或超时，需用safari网络面板的timing标签逐段分析dns、tcp、ssl、ttfb和下载耗时，并筛选xhr请求、禁用缓存、对比curl与har数据。
你想知道某个网页里 API 接口为什么响应慢、加载卡顿或超时失败，就得用 Safari 网页检查器的网络面板逐条查看每个请求从发起、连接、等待到接收完成的完整耗时链路——不是只看总时间，而是拆开看 DNS 是否卡住、SSL 握手是否拖沓、TTFB 是否异常高、下载是否被阻塞。
启用开发者菜单并打开网络检查器
没有这一步，后续所有分析功能都不可用。Safari 默认隐藏“开发”菜单，必须手动激活才能调出检查器。
点击顶部菜单栏的 Safari → 设置 → 高级 → 勾选【在菜单栏中显示“开发”菜单】。
关闭设置窗口，确认菜单栏出现“开发”项；若未出现，请重启 Safari 再试一次。
在 Safari 中打开目标网页后，按 Option + Command + I 快速唤出 Web 检查器，再点击顶部“网络”标签页。
捕获并筛选接口请求
接口请求通常为 XHR 或 Fetch 类型，和普通资源（如图片、CSS）混在一起，不筛选会淹没关键信息。
方法一：点击网络面板右上角的类型过滤按钮 → 选择 XHR。
方法二：在搜索框中输入关键词，比如 /api/、v1/、login、user_info 等常见接口路径片段。
⚠️ 提示：若页面使用了 Service Worker，部分请求可能被拦截并缓存，导致看不到真实网络耗时；此时需勾选右上角“Disable cache”再刷新。
查看接口响应速度详情
Timing 子标签是分析响应速度的核心，它把一次请求拆解为 7 个阶段，每段耗时独立可查。
第一步：点击任意一条 XHR 请求，在右侧详情面板中切换到 Timing 标签。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
第二步：重点观察以下字段：
→ DNS 解析耗时（DNS Lookup）：超过 100ms 说明 DNS 服务器响应慢或本地解析异常；
→ TCP 连接耗时（Connect）：超过 80ms 可能存在网络抖动或服务端连接池不足；
→ SSL/TLS 握手耗时（SSL）：HTTPS 站点若超过 200ms，需检查证书链是否冗长或是否启用了不兼容的加密套件；
→ TTFB（Time to First Byte）：这是服务端处理核心指标，超过 300ms 就值得怀疑后端逻辑、数据库查询或中间件瓶颈；
→ 内容下载耗时（Content Download）：若该值异常高，说明响应体过大或带宽受限，而非服务端问题。
第三步：点击“持续时间”列标题两次，按降序排列，快速定位耗时最长的接口请求。
对比验证与导出分析
仅看单次请求容易误判，需结合多维度交叉验证。
在控制台标签页中执行：performance.getEntriesByType('resource').filter(r => r.name.includes('/api/'))，可列出所有接口的 duration 数值，与网络面板数据比对是否一致。
右键某条请求 → 选择“复制为 cURL”，粘贴到终端执行，排除浏览器层干扰，确认是否仍慢。
右键空白处 → “保存所有资源为 HAR 文件”，用在线 HAR 分析工具（如 https://www.sojson.com/har）进一步做聚合统计与瀑布图渲染。
