你好,我是李兵。
在分析页面性能时,如果说 Audits 是道开胃菜,那么 Performance 才是正餐,之所这样说,主要是因为 Performance 可以记录站点在运行过程中的性能数据,有了这些性能数据,我们就可以回放整个页面的执行过程,这样就方便我们来定位和诊断每个时间段内页面的运行情况,从而有效帮助我们找出页面的性能瓶颈。
不同于 Audits,Perofrmance 不会给出性能得分,也不会给出优化建议,它只是单纯地采集性能数据,并将采集到的数据按照时间线的方式来展现,我们要做的就是依据原始数据来分析 Web 应用的性能问题。
那么本节,我们就继续深入,聊聊如何使用 Performance。通常,使用 Performance 需要分三步走:
接下来,我会根据上面这三个步骤带你熟悉 Performace,并让你了解如何使用 Performance 来分析页面性能数据。
配置 Performance
我们在 Chrome 中任意打开一个站点,再打开 Chrome 开发者工具,然后选择 Performance 标签,最终效果如下图所示: