美文网首页
lighthouse 最最最基础的使用方式

lighthouse 最最最基础的使用方式

作者: Rangoon | 来源:发表于2022-01-07 18:19 被阅读0次

    前端开发时,我们有时候需要对开发的页面去进行性能优化,这时候我们就需要借用专业的网页性能测试工具lighthouse。

    使用lighthouse有两种方式:

        1.使用谷歌浏览器自带的lighthouse。(缺点就是比较慢)        

    可以选择进行性能测试的方向以及需要测试的是桌面还是移动

    2.全局安装一下lighthouse

    注意本地的node版本是否满足安装的lighthouse版本

    比如我们现在测一下百度的性能。

    默认情况下,会在执行命令的当前目录下生成一个 HTML 文件,直接打开该文件即可查看报告。

    如果想要在浏览器中打开看到结果,需要在后面输入 --view

    这个性能测试一般默认是移动端的,如果想要测试桌面端的需要输入

            lighthouse {url} --view --screenEmulation.disabled=true

    这个时候会自动弹出页面分析报告,里面会对5种维度进行性能分析。

            1. Performance 性能

            2. Accessibility 权限(无障碍功能)

            3.Best Practices 最佳做法

            4.SEO

            5.PWA (渐进式web应用:它是一种网页应用,它可以离线使用,可以变成独立应用安装到系统中。)

    每一种维度都会对里面的优缺点进行分析以及如何优化,这样我们就可以知道代码里面那些地方可以进行优化,从而提高页面的性能。

    相关文章

      网友评论

          本文标题:lighthouse 最最最基础的使用方式

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