前端性能测试lighthouse的使用

lighthouse的安装有两种方式：

github地址：https://github.com/GoogleChrome/lighthouse

一、如果可以FQ的话可以从 chrome 扩展插件里直接安装。

二、下面是另一种使用方法：基于 node（版本≥6）

1、首先进行node的安装，安装方法请参考：node系列--【安装node的步骤】 - 码农小小海 - 博客园

2.安装lighthouse：npm install -g lighthouse

3.运行使用

（单个链接）在cmd命令行中输入：lighthouse --view --preset desktop --locale zh https://www.baidu.com

view是自动打开结果在浏览器，preset是配置检测PC端还是移动端，locale是用中文显示

前端性能测试lighthouse的使用相关推荐

前端性能测试lighthouse
一.git地址 https://github.com/GoogleChrome/lighthouse 二.lighthouse安装可以使用npm命令安装,npm install -g lightho ...
小程序前端性能测试_如何提高前端应用程序的性能
小程序前端性能测试 If your website takes longer than 3 seconds to load, you could already be losing nearly ha ...
【测试沉思录】22. 前端性能测试怎么做？
作者:张丹青编辑:毕小烦普通用户如何评价一个网站的体验好不好呢? 除了满足他的功能需求以外,用得爽不爽可能是最大的评估因素.这个爽不爽可以简单理解为快不快,好不好看,是不是符合他的操作习惯等等.而 ...
性能测试-基础+中级（二）【前端性能测试】
系列文章目录-性能测试性能测试-基础+中级(一)[概述+流程+工具+模型+mysql事务] 文章目录系列文章目录-性能测试性能测试-基础+中级(一)[概述+流程+工具+模型+mysql事务] 7 ...
H5前端性能测试快速入门
说到H5测试,对于做WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试,以及服务端性能测试.那本文谈到的则是H5前端性能测试,并希望通过阅读本文后,能够知道:H5 ...
前端性能测试详细分析（二）
接着上篇文章的思路,咱继续聊前端性能测试分析和优化.今天是第二章,一共会有三章. 上文说到了图片大小的限制,如今的个大门户都不注意图片大小的限制.可能是觉得无所谓吧,其实一张图片减少1KB,整个网站 ...
highcharts如何把图多余的空白页面_如何进行前端性能测试入门篇
前端性能测试:工具使用和分析 1. 参考地址: http://www.genshuixue.com/i-cxy/p/7682961 2. 工具: Yslow , pagespeed web ...
前端性能测试 WebPagetest功能
WebPagetest功能简介 WebPagetest,是前端性能测试的利器: 可以为我们提供全方位的量化指标,包括页面的加载时间.首字节时间.渲染开始时间.最早页面可交互时间.页面中各种资源的字节数 ...
前端性能测试工具hiper介绍
对前端性能测试工具还不了解,在请教了旁边的前端同事后学习到了简单的工具,在这里总结下. 前端的性能测试测什么? 以下是复制: 渲染引擎工作流 dom树构建:从html标签的解析开始,将各种标签解析为d ...

前端性能测试lighthouse的使用

前端性能测试lighthouse的使用相关推荐

最新文章

热门文章