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