前端开发时，我们有时候需要对开发的页面去进行性能优化，这时候我们就需要借用专业的网页性能测试工具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应用：它是一种网页应用，它可以离线使用，可以变成独立应用安装到系统中。)
每一种维度都会对里面的优缺点进行分析以及如何优化，这样我们就可以知道代码里面那些地方可以进行优化，从而提高页面的性能。
网友评论