码迷,mamicode.com
首页 > 其他好文 > 详细

lighthouse谷歌提供的一款性能报告工具

时间:2020-12-17 12:19:15      阅读:2      评论:0      收藏:0      [点我收藏+]

标签:开发   www   分析   用户   打开   标签   port   应用程序   依赖   

lighthouse是什么

  lighthouse分析web应用程序和web页面,收集关于开发人员最佳实践的现代性能指标和见解,让开发人员根据生成的评估页面,来进行网站优化和完善,提高用户体验

 

使用:

  1、在Chrome开发者工具中使用lighthouse

技术图片

  点击Generate report按钮会生成一个评估界面:

技术图片

  2、使用node cli,lighthouse依赖于node8+

    1)全局安装:npm install -g lighthouse

    2)在终端输入命令:lighthouse https://www.cnblogs.com/

技术图片

    会生成一个评估的html页面,直接在浏览器打开查看即可

技术图片

    在这里它会给你各个方面的建议,比如图片、css、js这些文件的处理,还有html里面标签的使用,缓存处理等建议,可以根据这些建议来进行网站优化

 

lighthouse谷歌提供的一款性能报告工具

标签:开发   www   分析   用户   打开   标签   port   应用程序   依赖   

原文地址:https://www.cnblogs.com/wuqilang/p/14123165.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!