Lighthouse命令行启动

小生测试

已于 2023-11-27 09:43:02 修改

阅读量407

点赞数

分类专栏：性能测试高效工具文章标签： Lighthouse命令行启动 Lighthouse 前端性能

于 2023-11-27 09:38:25 首次发布

本文链接：https://blog.csdn.net/lanny8588/article/details/134637661

版权

性能测试同时被 2 个专栏收录

11 篇文章 5 订阅

订阅专栏

高效工具

6 篇文章 0 订阅

订阅专栏

本文介绍了如何将前端性能检测工具Lighthouse集成到持续集成/持续部署(CICD)流程中，通过构建Docker镜像，使用命令行方式在新建页面上执行性能冒烟测试，并列举了常见参数选项和Dockerfile示例。

摘要由CSDN通过智能技术生成

使用场景：

Lighthouse 作为一个前端性能检测工具，一般只在浏览器进行调试输出，如果需要集成在CICD流水线中对新建的页面进行性能冒烟测试，则需要构建一个docker，使用命令的方式进行集成。

前提

需要 Node 10 LTS (10.13) 以上版本

安装chrome

首先要安装chrome浏览器，Chromium 66.0 以上的版本

apt-get install chromium

安装lighthouse

npm install -g lighthouse

查看lighthouse 版本

lighthouse --version

验证

运行以下命令来测试Lighthouse是否安装成功：

lighthouse https://www.baidu.com/
有报告输出，不报错则安装成功。如果报错，尝试加个参数（ --chrome-flags=“–no-sandbox --headless --disable-gpu”）

常用参数选项

以下是一些常用的Lighthouse参数选项：

--chrome-flags="--no-sandbox --headless --disable-gpu"：以无界面模式启动Chrome
--emulated-form-factor='desktop'：选择设备类型，可选值为 “mobile”、“desktop”、“none”
--extra-headers "{\"Cookie\":\"JSESSIONID=895CA6EE8BD2CAA4CA0exx07FA59\"}"：如果需要使用Cookie进行账户密码登录，可以使用此参数
--only-categories=performance,best-practices：选择性能测试模块，可选值为 “best-practices”、“performance”、“pwa”、“seo”、“accessibility”
--output html --output-path ./angelapi_report1.html：输出自定义路径和文件名的报告

附上Dockerfile编写

FROM python:3.9-alpine
LABEL maintainer="ixstest(support lighthouse python3)"
RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.ustc.edu.cn/g' /etc/apk/repositories && \
    apk add --no-cache nodejs npm openssh chromium git expect && \
    npm install -g lighthouse && \
    pip install requests beautifulsoup4
CMD echo "$PATH"