google出品的前端优化工具 chrome浏览器插件:lighthouse

蓝仁google出品的前端优化工具 chrome浏览器插件:lighthouse已关闭评论条评论 513 次浏览

以前做产品做seo,前端的性能是非常关键的指标,尤其是电商行业,网页打开慢一秒,用户都可能直接走掉,之前做过的各种努力也就白费了。

技术是互联网企业的核心命脉

然而,很多初创企业,做不好这点。任你其他环节做的多么棒,技术上这点小失误,足以造成竞争上的差距。讲真,只要是互联网企业,无论是纯互联网还是跟传统业务相结合的企业,技术始终都是核心命脉,不因为别的,技术差,线上业务就不会好到哪里去。已经死去的无数个初创企业用血淋淋的教训告诉了我们。更不用说,google、百度这样的流量入口,在他们发布的任何网站用户体验的标准中,总是能找到页面打开速度要快这样的字眼。

前端评分优化工具

我们都知道前端性能很关键,但初创团队不具备高端前端工程师的人才,推荐这款由google出品的前端优化工具:lighthouse

使用方法

这款工具是chrome浏览器上的插件,只要在chrome应用商店搜索安装即可(或者下载,打开chrome的插件管理,把下载后的安装包拖入进去即可)。
1. 打开要优化的页面;
2. 点击插件,选择“Generate report”
3. 浏览器会打开新窗口,并显示:lighthouse正在调试此浏览器;
4. 耐心等待,结束后,会打开新页面,展示改页面可以优化的地方;

以36kr.com网站为例,结果如下:

报告会从performance、progressive web app、Accessibility、Best Practices、seo四个维度给出可以优化的地方,并一一列出, 剩下的事情就是让团队成员阅读报告,按照列出优化的地方,一个一个的优化就好了。

不断的优化-测试得分-再优化,循环几次,前端的性能应该会很好,同时,团队也会得到锻炼。