Lighthouse是一个开源的自动化的分析移动端和PC端网页性能指标的工具,npm上的简介:

Lighthouse analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices.

Lighthouse有四种使用方法,chrome自带的,chrome插件,npm包,另外一种是用node,要敲代码。插件和node的就不去查了,另外两种已经很方便了。

chrome devtools:

可以选择Mobile移动端还是Desktop PC端,生成的报告:

用nmp也很简单,全局安装:
npm install -g lighthouse

使用的时候:
lighthouse --view --preset desktop --locale zh https://www.baidu.com

执行过程会生成一些类报告的数据:

看是看不懂,直接看可视化的:

几个配置view是自动打开结果在浏览器,preset是配置检测PC端还是移动端,locale是用中文显示,更多的配置可以去npm看:
https://www.npmjs.com/package/lighthouse

主要有5个方面:性能(Performance)、可访问性(Accessibility)、网络最佳实践(Best Practies)、搜索引擎优化(SEO)渐进式应用PWA(Progressive Web Apps)。之前分享的performance可以计算出来的数据这边都可以获取。

另外还列举了很多可以优化的建议,像使用http2、图片太大、关键请求等,非常详细,有一些我都觉得已经没办法优化了。我是不知道哪个网站真的需要做到那么极致的性能优化。

具体的各个参数就不介绍了,如果公司网站实在太慢了,可以用来生成个报告,然后看看哪些影响太大的,可以优化试试。

欢迎关注订阅号:coding个人笔记

性能测试工具Lighthouse相关推荐

  1. 前端性能测试工具Lighthouse

    在前端开发中,对于自己开发的app或者web page性能的好坏,一直是让前端开发很在意的话题.我们需要专业的网站测试工具,让我们知道自己的网页还有哪些需要更为优化的方面,现在推荐一款工具:Light ...

  2. H5性能测试以及H5性能测试工具

    背景 背景由于公司最近项目有一个H5测试项目,功能测试不用多说,但是H5性能测试是一个大难题,于是研究下H5性能测试,下面总结下,希望能帮助自己回顾项目也希望能帮到测友. 总结 H5性能测试的常用指标 ...

  3. Web 性能测试工具

    Web 性能测试 作为网站应用的开发者或维护者,我们需要时常关注网站当前的健康状况,譬如在主流程运行正常的情况下,各方面性能体验是否满足期望,是否存在改进与提升的空间,如何进行快速且准确的问题定位等, ...

  4. 谷歌性能测评工具lighthouse使用

    谷歌性能测评工具lighthouse使用 1.谷歌插件lighthouse的基本介绍 Lighthouse 是一个网站性能测评工具, 它是 Google Chrome 推出的一个开源自动化工具,能够对 ...

  5. 前端性能分析工具-Lighthouse

    1.前言 对于前端开发人员来说,除了实现页面功能外,那就是页面的性能响应问题也要关注.同样对于测试人员在进行性能测试时,也要关注前端页面的性能指标.测试前端性能市面上可以用到的工具也比较多,比如可以用 ...

  6. linux命令 iperf-网络性能测试工具

    iperf命令是一个网络性能测试工具.iperf可以测试TCP和UDP带宽质量.iperf可以测量最大TCP带宽,具有多种参数和UDP特性.iperf可以报告带宽,延迟抖动和数据包丢失.利用iperf ...

  7. 深入浅出开源性能测试工具 Locust (使用篇 1)

    在<[LocustPlus序]漫谈服务端性能测试>中,我对服务端性能测试的基础概念和性能测试工具的基本原理进行了介绍,并且重点推荐了Locust这一款开源性能测试工具.然而,当前在网络上针 ...

  8. apache性能测试工具ab使用详解

    网站性能压力测试是服务器网站性能调优过程中必不可缺少的一环.只有让服务器处在高压情况下,才能真正体现出软件.硬件等各种设置不当所暴露出的问题. 性能测试工具目前最常见的有以下几种:ab.http_lo ...

  9. python编写测试工具-python 写一个性能测试工具(一)

    国庆重新学习了一下go的gin高性能测试框架. 用JMeter来测试gin与flask接口的性能,差别很大. 为什么我自己不尝试写一个性能工具,性能工具的核心就是 并发 和 请求. 请求可以选择Pyt ...

最新文章

  1. 数据中心余热回收再思考
  2. 企业级 SpringBoot 教程 (十七)上传文件
  3. 07-CoreData清除所有数据
  4. Centos7找不到ifconfig和netstat命令
  5. mysql 时间推移_随着时间的推移可视化COVID-19新案例
  6. 逗号后面统一加空格_用99个空格来提取Excel单元格数据,真的是脑洞大开!!!...
  7. kafka topic 一段时间不消费_全网最通俗易懂的 Kafka 入门
  8. 设计模式 - 访问者模式
  9. 微信小程序开发者工具扫码成功但是进不去
  10. 大学计算机应用基础第二版习题答案,大学计算机应用基础练习题库及答案.docx...
  11. Win10如何清除运行历史记录
  12. jetson nano风扇控制、远程控制和远程桌面
  13. VMware安装Ubuntu-18.04.3 Server版本
  14. mysql geo_地理位置geo处理之mysql函数
  15. Loner_li 机试题 将数字 例如12345.7895”,用程序实现显示壹万贰仟叁佰肆拾伍圆柒角玖分的方式
  16. 理想服务员 --励志动漫
  17. html中label如何居中,怎么让label标签中的文字居中显示
  18. STM32F103RCT6 实验代码之舵机+超声波避障小车(一)杂谈+电机+L298N
  19. go run undefined
  20. android程序如何联网,如何判断软件程序是否联网 联网状态提示信息Android实现

热门文章

  1. 脑机结合,你准备好成为超人了吗?
  2. Android7.0 Watchdog机制
  3. 单片机在工业应用中的前景
  4. 演绎“本质美学”:LG SIGNATURE玺印底气何来?
  5. MySQL 数据库连接使用
  6. Ubuntu安装sougou输入法
  7. TX2进入Recover恢复模式
  8. mysql declare 用法,MySQL5新语句declare的用法
  9. Python中的模块(Modules)
  10. BGD,SGD,MBGD