@perfe/wml-cli

1.0.5 • Public • Published

wml (web-measure-tool) 🏝️

web measure tool for enterprise application

工具功能介绍

性能评估工具 (需要预装chrome,如需指定无头浏览器)

lighthouse + chrome-launch

lighthouse 架构图

  • 驱动装置(Driver)是 puppeteer 和 Chrome Debug Tool 的接口

  • 采集器 (Gather)使用驱动装置获取页面信息。共有三类数据 artifacts.json-搜有采集信息 defaultPass.trace.json-大部分性能特征数据 defaultPass.devtoolslog.jso-开发工具事件日志包括网络请求、加载状态数据

  • 审查器 评估测量数据,形成量化指标

  • 报告生成装置 生成报告页面

节流设置

 interface ThrottlingSettings {
      /** The round trip time in milliseconds. */
      rttMs?: number;
      /** The network throughput in kilobits per second. */
      throughputKbps?: number;
      // devtools settings
      /** The network request latency in milliseconds. */
      requestLatencyMs?: number;
      /** The network download throughput in kilobits per second. */
      downloadThroughputKbps?: number;
      /** The network upload throughput in kilobits per second. */
      uploadThroughputKbps?: number;
      // used by both
      /** The amount of slowdown applied to the cpu (1/<cpuSlowdownMultiplier>). */
      cpuSlowdownMultiplier?: number
}

本地调试

npm run dev m https://www.baidu.com/ -- --settings.device desktop
>>>>  False expression: Non-string value passed to ts.resolveTypeReferenceDirective

解决方式: npm install -g ts-node

本地开发

  • 模块解析使用 NodeNext
  • 三方库解析 esm package 使用dynamic import

注意 pure esm package https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c

Install

npm i @perfe/wml-cli

DownloadsWeekly Downloads

1

Version

1.0.5

License

ISC

Unpacked Size

59.9 kB

Total Files

9

Last publish

Collaborators

  • fly_jerry