注意:该知识点属于性能优化领域。
Chrome
已经提供了一个大而全的性能测试工具Audits
点我们点击
Audits
后,可以看到如下的界面
在这个界面中,我们可以选择想测试的功能然后点击
Run audits
,工具就会自动运行帮助我们测试问题并且给出一个完整的报告
上图是给掘金首页测试性能后给出的一个报告,可以看到报告中分别为性能、体验、
SEO
都给出了打分,并且每一个指标都有详细的评估
评估结束后,工具还提供了一些建议便于我们提高这个指标的分数
我们只需要一条条根据建议去优化性能即可。
除了
Audits
工具之外,还有一个Performance
工具也可以供我们使用。
在这张图中,我们可以详细的看到每个时间段中浏览器在处理什么事情,哪个过程最消耗时间,便于我们更加详细的了解性能瓶颈