chrome 如何查看代码利用率?

web性能优化的关键之处在于:减少页面首次加载时,加载资源的数量和体积。我们想要减少一些加载资源,就需要知道页面首次加载资源的利用率,然后采取相应的措施。

如何查看代码利用率:

通过使用chrome开发者工具可以检测你的web应用,得到当前页面下的代码利用率。
1.打开chrome Dev Tool;
2.command + shift + P(mac)
3.输入Coverage,选择第一个出现的选项;


image.png

4.点击下图所示的按钮,就可以看到应用javaScript的代码利用率;


image.png

你可能感兴趣的:(chrome 如何查看代码利用率?)