美文网首页
chrome 如何查看代码利用率?

chrome 如何查看代码利用率?

作者: G_whk | 来源:发表于2021-02-23 17:43 被阅读0次

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

    如何查看代码利用率:

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


    image.png

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


    image.png

    相关文章

      网友评论

          本文标题:chrome 如何查看代码利用率?

          本文链接:https://www.haomeiwen.com/subject/wvqdfltx.html