Keepfast 是前端一个性能分析工具
简介
Keepfast 是一个性能分析工具,能够分析网站的资源构建性能和页面性能,生成性能报告并提供优化建议,让性能监控更方便。
主要特性:
- 分析并生成构建性能报告,可直观的对比两个版本的构建性能,以便尽早发现构建性能问题
- 基于 Lighthouse 对网站进行性能测试,给出各方面性能指标和相关建议
- 预置 Gitee API 支持,能够在 Gitee 仓库中有新的提交时为其生成一个性能报告,随时跟踪性能指标和得分
预览
访问此页面可查看性能报告效果:
https://gitee.com/gitee-frontend/keepfast/commit/9280cacb70b54ccdadf1e5905667ab48945cd144#note_2724556
安装
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 Go 是 Gitee 推出的 CI/CD(持续构建与集成)服务,用户可以通过自定义构建流程,实现构建集成自动化。
在你的仓库的 master 分支上新建流水线文件,使用如下配置:
name: keepfast
displayName: keepfast
triggers:push:branches:- master- develop
steps:- step: npmbuild@1name: npm-builddisplayName: npm-buildinputs:nodeVersion: 12.7goals: >-yum clean allyum install -y epel-releaseyum -y updateyum install -y chromiumnpm config set registry https://registry.npm.taobao.orgexport GITEE_API_ACCESS_TOKEN=你的私人令牌export SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/npm installnpm install -g lighthouse @gitee/keepfastkeepfast report ./report.jsonkeepfast upload ./report.json
Keepfast 是前端一个性能分析工具相关推荐
- 系统级性能分析工具 — Perf
从2.6.31内核开始,linux内核自带了一个性能分析工具perf,能够进行函数级与指令级的热点查找. perf Performance analysis tools for Linux. Perf ...
- 前端性能分析工具利器
作者:basinwang,腾讯 PCG 前端开发工程师 大型项目容易遇到性能问题,一般来说,当我们遇到性能瓶颈的时候,才会开始去进行相应的分析.分析的方向除了业务本身的特点相关之外,常见的还可以借助一 ...
- 前端性能分析工具Dyna Trace使用心得(转)
什么是dynatrace ajax "dynatrace ajax 是一个详细的底层追踪工具,它不仅可以显示所有请求和文件在网络中传输的时间,还会记录浏览器render,CPU消耗.JS解析 ...
- 前端性能分析工具:dynaTrace Ajax Edition
从John Resig的Deep Tracing of Internet Explorer了解到了这款刚发布的免费的前端性能分析工具,John Resig对其评价甚高:"I typicall ...
- 前端性能分析工具-Lighthouse
1.前言 对于前端开发人员来说,除了实现页面功能外,那就是页面的性能响应问题也要关注.同样对于测试人员在进行性能测试时,也要关注前端页面的性能指标.测试前端性能市面上可以用到的工具也比较多,比如可以用 ...
- 系统级性能分析工具perf的介绍与使用
测试环境:Ubuntu16.04 + Kernel:4.4.0-31 apt-get install linux-source cd /usr/src/tools/perf make &&am ...
- 4大JVM性能分析工具详解,及内存泄漏分析方案
谈到性能优化分析一般会涉及到: Java代码层面的,典型的循环嵌套等 还会涉及到Java JVM:内存泄漏溢出等 MySQL数据库优化:分库分表.慢查询.长事务的优化等 阿里P8架构师谈:MySQL慢 ...
- Windows phone 7应用之代码性能分析工具——Profile.
前端时间断断续续的写了几篇关于Windows phone 7本地数据库访问文章. 最近在Window phone 7 APPStore上注册Apphub账号看到很多很有意思的小应用, 也结识几个专职做 ...
- linux 系统级性能分析工具 perf 的介绍与使用
目录 1. 背景知识 1.1 tracepoints 1.2 硬件特性之cache 2. 主要关注点 3. perf的使用 3.0 perf引入的overhead 3.1 perf list 3.2 ...
最新文章
- 5.matlab 中的sort
- [分享]MOSS的CSS样式说明,一个老外总结的
- java Object类是可以接收集合类型的
- .NET Conf 2021 回顾
- 随机森林特征重要性计算_R语言随机森林模型中具有相关特征的变量重要性
- python julia go_挑战Python的四个语言:Swift、Go、Julia、R
- 2022年3月26日 张量-外积
- Attempt to invoke virtual method 'void android.widget.CompoundButton.setChecked(boolean)' on a null
- Tomcat自动生成会话JSESSIONID
- 图片裁切批处理_PS照片裁剪批量处理方法
- validation参数检验 - 如何使用
- CSS固定定位(position: fixed;/background-attachment: fixed;)
- 全球领导人齐聚一堂,出席10月14日召开的2021年全球包容性增长峰会
- [React Native]导航器Navigator
- qt中的toUtf8, toLatin1, Local8bit编码问题
- 【网络】https单向认证和双向认证
- 常用的时序图软件收集
- Java--JAVA_HOME环境变量的配置
- Webpack——ES6转ES5
- Android手机有哪学好用的epub阅读器app
热门文章
- bootstrap dialog
- 开始新的学习之旅--PHP开发学习--基础部分笔记
- jquery 弹出层插件
- 大学二级计算机基础知识,浙江省大学生计算机基础知识与应用能力等级考试二级(V......
- Iterative learning control for linear discrete delay systems via discrete matrix delayed exponential
- python从键盘输入一个数n、输出大于n且不能整除3_python基础练习题
- 二元偏导数存在的条件_偏导数连续怎么证明
- python def函数调用内容_基本的python,def函数和文本菜单的调用
- AtCoder Beginner Contest 173 D - Chat in a Circle
- mysql外部排序算法_「干货总结」程序员必知必会的十大排序算法