使用 Performance 面板
打开 Performance 面板：可以通过按 F12 键或 Ctrl+Shift+I（Mac 上为 Cmd+Option+I）打开 Chrome 开发者工具，然后点击 “Performance” 选项卡；也可以在打开 DevTools 时直接点击 “Esc” 键，然后选择 “Performance”。
开始录制：在 Performance 面板中，点击 “录制” 按钮（红色圆形按钮）开始记录。
重现加载场景：执行你想要分析的操作，比如重新加载页面（按 F5 或刷新按钮），确保执行所有关键的用户操作，如点击按钮、滚动页面等。
停止录制：操作完成后，点击 “停止” 按钮（方形按钮）结束录制。
查看加载时间：在概览视图中，可以查看页面加载的整体时间线，包括 DOMContentLoaded、First Paint、First Contentful Paint、Load 等关键性能指标，这些指标能反映出网页在不同阶段的加载时间。
使用 Network 面板
打开 Network 面板：按 F12 键或 Ctrl+Shift+I（Mac 上为 Cmd+Option+I）打开 Chrome 开发者工具，点击 “Network” 标签进入网络请求监控界面。
刷新页面：按下 F5 键或点击浏览器上的刷新按钮，重新加载网页。
查看请求时间：在 Network 面板中会显示所有资源的加载情况，包括每个请求的详细时间线、请求和响应头部、响应内容等信息。可以通过观察列表中各个资源的加载时间，了解网页的加载过程。通常，最后一个加载完成的资源的时间可以大致视为网页的加载时间，但这只是一个近似值，因为可能存在一些异步加载的情况。
使用 Page Load Time 插件
安装插件：访问Page Load Time 插件的 Chrome Web Store 页面，点击 “添加至 Chrome” 按钮进行安装。
查看加载时间：安装完成后，插件会自动在浏览器工具栏上显示当前页面的加载时间，无需额外操作。
