如何使用NodeJS+Lighthouse+Gulp搭建自动化网站性能测试的工具

作者&投稿:琦俊 (若有异议请与网页底部的电邮联系)
~ 1. 介绍Lighthouse
Lighthouse是Google开源的一个自动化网站质量检测工具,界面友好、操作简单、使用方式多样、视角全面。它可以用来测试任意网页,适合不同用户群体,包括普通用户、QA和开发人员。
2. 启动Lighthouse的方式
有两种启动Lighthouse的方式:一是使用Chrome的开发者工具,二是使用命令行。
3. 使用NodeJS和Gulp自动化Lighthouse
为了提高测试结果的准确性,本文档将使用NodeJS和Gulp来运行Lighthouse,并取10次的平均值。为了可视化和可读性,结果将以网页形式展示。用户可以查看每次执行Lighthouse后的first-meaningful-paint毫秒数和平均值,也可以点击链接查看细节。
4. 环境搭建
需要安装Node 8和以下依赖包:lighthouse、chrome-launcher、fs-extra和gulp。
5. Lighthouse配置
在项目根目录下创建Lighthouse配置文件lighthouse-config.js,使用默认配置。如果需要了解更详细的配置选项,可以参考Lighthouse官方文档。
6. Gulp任务
在项目根目录下创建gulpfile.js,引入所有依赖的工具,并编写相关函数。首先启动一个Chrome实例,然后调用Lighthouse运行测试,并将结果生成报告。最后,编写一个gulp任务来执行上述操作,并生成汇总报告。
7. 汇总报告模板
提供一个HTML模板,用于展示每次执行Lighthouse生成的first-meaningful-paint毫秒数和平均值。用户可以点击链接查看详细报告。


如何使用Node.js处理前端代码文件的编码问题
2、GBK 转 UTF8NodeJS 支持在读取文本文件时,或者在 Buffer 转换为字符串时指定文本编码,但遗憾的是,GBK 编码不在NodeJS自身支持范围内。因此,一般我们借助 iconv-lite 这个三方包来转换编码。使用 NPM 下载该包后,我们可以按下边方式编写一个读取 GBK 文本文件的函数。3、单字节编码有时候,我们...

如何用nodejs搭建web服务器
1、能显示以.html\/.htm结尾的Web页面 2、能直接打开以.js\/.css\/.json\/.text结尾的文件内容 3、显示图片资源 4、自动下载以.apk\/.docx\/.zip结尾的文件 5、形如http:\/\/xxx.com\/a\/b\/ , 则查找b目录下是否有index.html,如果有就显示,如果没有就列出该目录下的所有文件及文件夹,并可以进一步...

nodejs怎么实现智能推荐算法?
要实现智能推荐算法,可以使用Node.js与一些机器学习工具库,比如mljs、brain.js等。下面是具体的步骤:1. 数据准备:准备需要的数据并且对数据进行清洗和处理,确保数据的质量和准确性。2. 特征提取:从数据中提取出有意义和区分度的特征,比如对于一篇文章,可以提取出文章的关键词和文本内容向量。3. ...

如何用命令行开启nodejs搭建web服务器?
首先,需要安装nodejs,这个可以去官网下载,目前我本地安装的v0.12版本。安装完成后可以通过命令行测试安装是否成功,输入:node -v,应该会显示当前安装node版本号。本文中用到的模块,都是nodejs核心模块,不需要从外部下载,如果有需要,可以使用以下命令安装:npm install xxx。开始下一步,新建js文...

nodejs内置模块有哪些
nodejs作为http服务器,需要确保服务顺利进行,要注意一下两点: 1.后台服务运行,监控运行日志,以及http运行日志; 2.确保项目的正常安全运行,Node.js的启动命令node,很大程度无法满足运行需求; Node.js的forever模块在第二点就可以起到很大的作用,同时其拥有监控文件更改、自动重启等功能。 forever模块的使用方法有两种:...

如何运行nodejs环境
32 位安装包下载地址 : http:\/\/nodejs.org\/dist\/v0.10.26\/node.exe 64 位安装包下载地址 : http:\/\/nodejs.org\/dist\/v0.10.26\/x64\/node.exe 安装步骤 步骤 1 : 双击下载的安装包 Node.exe ,将出现如下界面 :步骤 2:点击 Run(运行)按钮将出现命令行窗口:步骤 3 :版本测试 进入 ...

如何使用nodejs做爬虫程序
第三方模块 superagent : 第三方Nodejs 模块,用于处理服务器和客户端的Http请求。cheerio : 为服务器端定制的Jquery实现。思路 通过superagent 获取目标网站的dom 通过cheerio对dom进行解析,获得通用布局。如果只是爬取一个页面,则可以直接将目标页面的目标元素获取 如果是分页或者多个页面,可以通过循环获得...

nodejs处理图片-如何用nodejs去做网页截图
如何用nodejs去做网页截图 很多情况下,我们都需要在电脑上做一些截图的操作。有哪些常用的截图方法呢?1、按键盘上的printscreen键:这个方法很麻烦,估计很少人用吧!如果有如下需求:1、截取一个网页,也就是一个滚动窗口的所有内容;2、需要重复截取屏幕上的某一个固定区域,比如一个窗口截图一次后,做了...

如何基于nodejs开发一个命令行工具
简单解释下这两行代码,第一行是Unix\/Linux的写法,简单的说就是告诉程序使用什么东西来解释下面的代码,此处就是告诉系统使用node来执行下面的代码。第二行就简单了,执行加载..\/zwj.js模块,并返回。也就是说,经过这行代码之后,我们的命令行小工具的具体功能就可以交给zwj.js这个文件去控制了。那么...

如何用sublime text 3进行node.js开发
1、下载Nodejs插件,下载地址为:https:\/\/github.com\/tanepiper\/SublimeText-Nodejs 下载zip压缩包后解压,文件名改为Nodejs 2、打开Sublime Text3,点击菜单“Perferences” =>“Browse Packages”打开“Packages”文件夹,并将第1部的Nodejs文件夹剪切进来 3、打开文件“Nodejs.sublime-build”,将...

砀山县18726598587: 如何使用nodejs 后端渲染页面 -
竹独香砂: 使用CommonJS编写前端JS模块,使用Browserify打包JS,同时可以使用gulp进行其他前段构建工作,比如assets, Sass/Less, minify等. 后端:使用Java编写Restful API供前端consume,或者直接渲染前端页面.

砀山县18726598587: nodejs如何使用 -
竹独香砂: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效.

砀山县18726598587: 如何使用nodejs快速搭建本地服务器 -
竹独香砂: 1、如果电脑没有安装nodejs的同学可以先到node官方下载并安装好node程序.2、安装好nodejs后验证一下是否安装成功!如果出现则表明node已经承装安装上去了!3、安装好node之后打开cmd 输入 npm install anywhere -g 安装anywhere ,然后等待直到出现以下界面.4、然后浏览器就自动打开本地访问网址,一个简单的node服务器就这样被搭建好啦!

砀山县18726598587: 如何用nodejs来解析json数据 -
竹独香砂: 第一,我们需要在ubuntu14.04上安装nodejs,我们可以使用如下命令:$ sudo apt-get install nodejs 安装完毕, 我们可以使用如下命令进行测试:$ nodejs -v v0.10.25 第二,准备一个测试json文件, test.json,内容如下:[javascript] view plain ...

砀山县18726598587: nodejs安装后怎么使用 -
竹独香砂: 和 php 之类的语言一样,写 js 代码保存文件之后,用控制台 node 命令执行它

砀山县18726598587: nodejs环境搭建好了怎么使用 -
竹独香砂: 直接在命令行输入node可以用交互方式进行学习.也可以编写好js文件,使用node js文件名.js 方式运行.

砀山县18726598587: 如何使用nodejs作为java和前端的中间件 -
竹独香砂: 可使用REST或webservice或json来调用java后台(如servlet).让java负责业务逻辑,nodejs负责交互和控制

砀山县18726598587: ios客户端怎么使用 nodejs -
竹独香砂: 进入命令行后,输入 node -v 就可以看到你安装的 nodejs的版本了.输入 node -h 可以查看nodejs的帮助.

砀山县18726598587: nodejs怎么接入thrift -
竹独香砂: 1、进入thrift.exe所在目录执行thrift-0.9.2.exe –gen js:node hello.thrift编译hello.thrift生成nodejs的实现文件.2、在cmd窗口进入生成的gen-nodejs目录,使用npm install thrift安装nodejs的thrift模块,安装完多了一个node_modules目录.3、新建一...

砀山县18726598587: 怎么执行node app.js 脚本 -
竹独香砂: 1、直接运行run.bat文件 下面的内容为批处理文件run.bat中的内容,批处理命令中NODE_PATH为Node.js的安装路径.使用express 生成的项目.app.js为待测试的Node.js 文件.@set NODE_PATH=D:\nodejs\demo\npm @echo %PATH% | find ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网