Keepfast 是一个性能分析工具,能够分析网站的资源构建性能和页面性能,生成性能报告并提供优化建议,让性能监控更方便。
主要特性:
访问此页面可查看性能报告效果:
https://gitee.com/gitee-frontend/keepfast/commit/19cc7807bfedc13f67ce005d45dec8d3fec79597
npm install -g lighthouse @gitee/keepfast
先为你的项目创建配置文件:
# 进入你的项目目录
cd /path/to/your/repo
# 初始化配置文件
keepfast init
然后修改 keepfast.config.js 配置文件,完善 repository 字段信息,如果你的项目是由 Vue CLI 创建和管理的,剩下的配置内容保持原样即可。
运行性能测试并将报告输出到 ./report.json 文件中:
keepfast report ./report.json
上传报告会调用 Gitee API,为了让 keepfast 有权限操作你的仓库,你需要提供一个私人令牌,它可在设置 > 私人令牌 页面中生成,生成后运行以下命令添加环境变量:
export GITEE_API_ACCESS_TOKEN=你的私人令牌
之后运行以下命令上传报告:
keepfast upload ./report.json
如果当前分支已有对应的 Pull Request,则会将报告上传到该 Pull Request 的评论中,否则上传到当前 Commit 详情页的评论中。
Gitee Go 是 Gitee 推出的 CI/CD(持续构建与集成)服务,用户可以通过自定义构建流程,实现构建集成自动化。
在你的仓库的 master 分支上新建流水线文件,使用如下配置:
version: '1.0'
name: keepfast
displayName: 前端构建性能分析
triggers:
trigger: auto
pr:
branches:
include:
- master
variables:
global:
- KEEPFAST_API_TOKEN
stages:
- name: keepfast
displayName: 前端构建性能分析
strategy: naturally
trigger: auto
steps:
- step: build@nodejs
name: keepfast
displayName: keepfast
nodeVersion: 14.16.0
commands:
- set -e
- export GITEE_API_ACCESS_TOKEN=$KEEPFAST_API_TOKEN
- npm install -g yarn lighthouse @gitee/keepfast
- keepfast upload --branch $GITEE_SOURCE_BRANCH --use-message "已开始分析,请稍后..."
- yum install -y epel-release procps chromium
- yum groupinstall -y "Development Tools"
- npm install
- keepfast report --branch $GITEE_SOURCE_BRANCH ./report.json
- keepfast upload --branch $GITEE_SOURCE_BRANCH ./report.json
artifacts:
- name: BUILD_ARTIFACT
path:
- ./report.json
caches:
- ~/.npm
- ~/.yarn
- /var/cache/yum
然后在仓库的环境变量管理页面中设置 KEEPFAST_API_TOKEN
环境变量的值为你的访问令牌。
为什么我要选择 Keepfast,而不是 lighthouse-ci 等之类的工具?
如果你符合以下条件则可以试试 Keepfast。
跟 xxxx 比起来功能太少了!
如果你对性能分析这方面有不错的想法和建议,可以反馈给我们。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。