首先启用Safari开发菜单，然后使用时间线工具记录页面加载过程，接着通过网络标签分析各资源请求耗时，定位加载缓慢的原因。
如果您在浏览网页时发现页面加载缓慢或资源加载异常，可能需要分析页面的加载过程以定位问题。通过查看页面加载时间线，您可以了解每个资源的请求、响应和渲染耗时。
本文运行环境：MacBook Air，macOS Sonoma
一、启用开发菜单
在 Safari 浏览器中，默认情况下开发工具是隐藏的。需要先开启开发菜单，才能访问包括时间线在内的开发者功能。
1、打开 Safari 浏览器，点击顶部菜单栏中的Safari，然后选择设置。
2、在设置窗口中切换到高级标签页。
3、勾选底部的选项：在菜单栏中显示“开发”菜单。
二、使用时间线工具查看加载详情
启用开发菜单后，可以使用内置的时间线功能记录并分析网页加载过程中各个阶段的性能数据。
1、刷新您要检测的网页，确保所有资源重新加载。
2、点击菜单栏中的开发，选择显示时间线。
3、在弹出的开发者工具窗口中，点击左上角的开始记录按钮（圆形图标）。
4、刷新页面，让 Safari 记录完整的加载流程。
5、加载完成后，再次点击记录按钮停止录制，此时会生成详细的加载时间线图表。
6、在时间线中可查看网络请求、脚本执行、样式计算、重绘等各阶段的时间分布。
三、通过网络标签分析资源加载
时间线工具中的“网络”标签页专门用于展示每个资源从发起请求到完成加载的全过程，便于识别慢速资源。
1、在开发者工具中切换至网络标签页。
2、重新加载页面，观察列表中所有资源的加载顺序与耗时。
3、点击任意资源条目，右侧将显示其详细信息，包括状态码、类型、启动时间、DNS 查询、连接建立、首字节时间及内容下载耗时。
4、按持续时间或等待时间排序，快速找出加载最慢的资源。
