谷歌浏览器中量化网页加载耗时有五种方法：一、Network面板查看Finish总耗时及DOMContentLoaded/load时间点；二、Performance面板录制获取FP、FCP、LCP等指标；三、Lighthouse生成FCP、TTI等标准化性能报告；四、Console中用Navigation Timing API获取高精度阶段耗时；五、Network节流模拟弱网观测TTFB与下载延迟变化。
如果您在谷歌浏览器中打开网页后希望量化其加载耗时，需借助内置开发者工具对网络请求与页面生命周期进行精确测量。以下是多种可独立使用的分析方法：
一、使用Network面板查看整体加载时间
Network面板直接捕获所有资源的网络请求时间线，提供从页面开始加载到全部资源完成的总耗时（Finish），并标定关键事件节点如DOMContentLoaded和load。
1、在谷歌浏览器中访问目标网页。
2、按下 F12 或右键页面空白处选择“检查”以打开开发者工具。
3、点击顶部标签栏中的 Network 选项卡。
4、确保左上角的录制按钮为红色（若为灰色，请点击启用）。
5、按下 F5 刷新页面，等待加载完成。
6、在面板底部状态栏中查找 Finish 后显示的时间值，即为全部网络请求完成的总耗时。
7、观察时间轴中垂直的蓝色线（DOMContentLoaded）与红色线（load），分别对应DOM构建完毕与所有资源（含图片、脚本等）加载完成时刻。
二、利用Performance面板记录完整加载过程
Performance面板录制页面加载期间的主线程活动、渲染帧率、脚本执行与内存变化，可回溯首屏渲染、交互就绪等关键性能指标的具体时间点。
1、打开目标网页后，按 F12 打开开发者工具。
2、切换至顶部的 Performance 标签页。
3、勾选 Screenshots 和 Memory 复选框，以获取帧截图与内存变化数据。
4、点击左上角的灰色圆形按钮开始录制，随后立即按下 Ctrl+R（Windows/Linux）或 Cmd+R（Mac）刷新页面。
5、待页面完全加载后，再次点击该圆形按钮停止录制。
6、在生成的报告中，将鼠标悬停于时间轴顶部的 FP（First Paint）、FCP（First Contentful Paint）、LCP（Largest Contentful Paint） 等标记处，查看对应毫秒数值。
三、通过Lighthouse生成自动化性能评分与时间指标
Lighthouse执行端到端审计，基于真实加载行为计算多项标准化性能指标，并给出可操作的耗时分解，适用于快速横向对比与基线评估。
1、打开开发者工具，切换至 Lighthouse 面板（部分版本显示为“Audits”）。
2、在设备选项中选择 Mobile 或 Desktop，并勾选 Performance 类别。
3、点击 Generate report 按钮，等待自动完成页面加载与测试流程。
4、报告生成后，在Performance得分下方查看具体指标，包括 First Contentful Paint（FCP）、Speed Index、Time to Interactive（TTI） 及 Total Blocking Time（TBT） 的毫秒值。
5、展开各指标旁的“View Original Trace”链接，可跳转至对应的Performance面板录制结果，定位原始时间轴。
四、在Console中调用Navigation Timing API获取高精度时间戳
Navigation Timing API由浏览器原生提供，返回基于系统高精度时钟的加载阶段时间戳，不受外部工具干扰，适合验证其他方法所得结果或嵌入自定义监控逻辑。
1、打开开发者工具，切换到 Console 选项卡。
2、输入并执行以下代码：performance.getEntriesByType('navigation')[0]。
3、展开返回对象，查看 loadEventEnd 与 fetchStart 的差值，即为从发起导航请求到load事件完成的总耗时。
4、也可单独获取关键阶段：执行 performance.timing.domContentLoadedEventEnd - performance.timing.navigationStart 得到DOMContentLoaded耗时；执行 performance.timing.loadEventEnd - performance.timing.navigationStart 得到完整load耗时。
五、模拟弱网环境观测加载时间变化
通过网络节流功能强制限制带宽与延迟，可复现真实用户在低质量网络下的加载表现，识别因TTFB或内容下载导致的显著延时。
1、进入Network面板后，在顶部控制栏找到标有 Online 的下拉菜单（默认为“No throttling”）。
2、从中选择预设配置，例如 Slow 3G（下行 450 Kbps，延迟 500 ms）或 Fast 3G（下行 1.6 Mbps，延迟 150 ms）。
3、刷新页面，观察Finish时间、TTFB（Time to First Byte）及Content Download阶段的显著增长。
4、点击任意请求，在Timing选项卡中比对节流前后各阶段（如DNS Lookup、Initial connection、Waiting）的耗时差异。
