Keepfast简介
Keepfast 是一个性能分析工具,能够分析网站的资源构建性能和页面性能,生成性能报告并提供优化建议,让性能监控更方便。
主要特性
1、分析并生成构建性能报告,可直观的对比两个版本的构建性能,以便尽早发现构建性能问题。
2、基于 Lighthouse 对网站进行性能测试,给出各方面性能指标和相关建议。
3、预置 Gitee API 支持,能够在 Gitee 仓库中有新的提交时为其生成一个性能报告,随时跟踪性能指标和得分。
性能分析报告
入门指南
1、安装
npm install -g lighthouse @gitee/keepfast
2、创建配置文件
# 进入你的项目目录
cd /path/to/your/repo
# 初始化配置文件
keepfast init
然后修改 keepfast.config.js 配置文件,完善 repository 字段信息,如果你的项目是由 Vue CLI 创建和管理的,剩下的配置内容保持原样即可。
3、生成报告
运行性能测试并将报告输出到 ./report.json 文件中:
keepfast report ./report.json
4、上传报告
上传报告会调用 Gitee API,为了让 keepfast 有权限操作你的仓库,你需要提供一个私人令牌,它可在设置 > 私人令牌 页面中生成,生成后运行以下命令添加环境变量:
export GITEE_API_ACCESS_TOKEN=你的私人令牌
之后运行以下命令上传报告:
keepfast upload ./report.json
如果当前分支已有对应的 Pull Request,则会将报告上传到该 Pull Request 的评论中,否则上传到当前 Commit 详情页的评论中。
常见问题
为什么我要选择 Keepfast,而不是 lighthouse-ci 等之类的工具?
如果你符合以下条件则可以试试 Keepfast。
1、有多个长期开发的前端项目,对它们的构建性能和页面加载性能有较高的要求,需要自动化进行性能监控
2、是 Gitee 企业版付费用户,且前端项目都托管在 GItee 上,需要一个能在 Gitee Go 服务中使用的性能监控工具
3、懒得花时间去调研和体验同类工具,用 Keepfast 你只需要照着文档复制粘贴跑命令即可快速体验
跟 xxxx 比起来功能太少了!
注意:本文归作者所有,未经作者允许,不得转载