Keepfast v0.2.1 发布,前端性能分析工具

Keepfast v0.2.1 发布了,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@1
    name: npm-build
    displayName: npm-build
    inputs:
      nodeVersion: 12.7
      goals: >-
            yum clean all

            yum install -y epel-release

            yum -y update

            yum install -y chromium

            npm config set registry https://registry.npm.taobao.org

            export GITEE_API_ACCESS_TOKEN=你的私人令牌

            export SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

            npm install

            npm install -g lighthouse @gitee/keepfast

            keepfast report ./report.json

            keepfast upload ./report.json

目前 Gitee Go 还不支持在网页端设置环境变量,你需要手动将私人令牌写到配置文件中,但这种做法存在安全性问题,请等待 Gitee Go 的后续更新。

常见问题

为什么我要选择 Keepfast,而不是 lighthouse-ci 等之类的工具?

如果你符合以下条件则可以试试 Keepfast。

  • 有多个长期开发的前端项目,对它们的构建性能和页面加载性能有较高的要求,需要自动化进行性能监控
  • 是 Gitee 企业版付费用户,且前端项目都托管在 GItee 上,需要一个能在 Gitee Go 服务中使用的性能监控工具
  • 懒得花时间去调研和体验同类工具,用 Keepfast 你只需要照着文档复制粘贴跑命令即可快速体验

跟 xxxx 比起来功能太少了!

如果你对性能分析这方面有不错的想法和建议,可以反馈给我们

优秀的个人博客,低调大师

微信关注我们

原文链接:https://www.oschina.net/news/116617/keepfast-0-2-1-released

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

相关文章

发表评论

资源下载

更多资源
优质分享Android(本站安卓app)

优质分享Android(本站安卓app)

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Apache Tomcat7、8、9(Java Web服务器)

Apache Tomcat7、8、9(Java Web服务器)

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

Eclipse(集成开发环境)

Eclipse(集成开发环境)

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。

Sublime Text 一个代码编辑器

Sublime Text 一个代码编辑器

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。