打开Chrome浏览器,按F12键或者右键点击页面选择“检查”,进入开发者工具。在开发者工具中,切换到“Network”面板,然后刷新页面。这里可以看到各种网络请求的信息,包括请求的时间、大小等。通过分析这些数据,能了解页面加载的情况,比如哪些资源加载时间过长,这就是需要优化的地方。
再看“Performance”面板。在这个面板中,可以录制页面的加载过程。录制完成后,能看到页面加载的各个阶段的时间分布,比如DNS查询时间、TCP连接时间、请求响应时间等。如果某个阶段时间较长,就说明在这方面有优化的空间。例如,DNS查询时间过长,可以考虑更换DNS服务器。
另外,“Lighthouse”功能也很有用。在开发者工具中,找到“Lighthouse”选项,点击生成报告。报告会给出网页的性能评分,以及具体的优化建议,像减少图片大小、压缩代码等。按照这些建议进行优化,就能提升站点的性能。通过这些方法,能在Chrome浏览器中查看网页性能指标,找到站点的优化空间。