前端性能分析工具Lighthouse使用

对于网页的性能分析，前端攻城狮们不停在寻找分析性能，望能进一步优化网站。Lighthouse是性能分析工具，让你可以清楚知道网页需要优化的地方。

安装步骤

• 可以通过chrome的应用商店进行搜索下载安装（需），安装好后会在浏览器右上角出现Lighthouse图标，访问需要分析的网站即可点击使用
• 使用npm进行安装

npm install -g lighthouse

安装好后在命令行中输入：

lighthouse https://www.cnblogs.com/

您的nodejs在10+则不会报错，正常运行。若你当前node为10以下则会如下报错

使用

node --version

查看当前node版本

原因参考https://nodejs.org/api/globals.html#globals_url
这时候我们需要升级node版本
首先使用

npm cache clean -f

清除缓存，这时会出现一个warning如下图

不用理会这个waring，-f即是–force，此时警告你清楚自己在强制清空缓存。

1. 当你当前安装是在linux或mac下，根据以下操作安装：
   安装模块n，n是node的版本管理

npm install -g n -f

然后使用n进行node的版本升级：

n stable

现在Lighthouse就可以正常使用了

2. 但使用windows下时
   由于n模块不支持在windows下，这时我们需要手动下载node的安装包重新进行安装
   首先使用命令行找出node的安装路径

where node

知道安装路径后去node官网下载对应windows的最新稳定版本，下载后安装在原本的node的安装路径下即可。

总结

使用

lighthouse http://xxx.com --view

分析并打开分析结果网页。最后安装分析结果进行优化处理。