https://github.com/rwson/siper

a website performance analyze tool
https://github.com/rwson/siper

cli headless-chrome performance-analysis performance-testing

Last synced: about 1 year ago
JSON representation

a website performance analyze tool

• Host: GitHub
• URL: https://github.com/rwson/siper
• Owner: rwson
• Created: 2019-02-19T07:57:27.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-22T03:40:02.000Z (over 7 years ago)
• Last Synced: 2025-03-11T03:41:54.150Z (over 1 year ago)
• Topics: cli, headless-chrome, performance-analysis, performance-testing
• Language: JavaScript
• Size: 422 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# siper

一个基于[puppeteer](https://github.com/GoogleChrome/puppeteer) 和 [PerformanceTiming API](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceTiming)来评估网站性能的分析工具

![测试中](./running.jpg)

![测试完成](./finished.jpg)

#### 使用方法

```bash

npm install siper -g

siper

```

#### 性能指标

![性能指标](./performance.png)

#### 各项指标对应中文介绍

|显示名称|中文含义|换算|

|---|----|----|

|DNS lookup time|DNS查询时间|`timing.domainLookupEnd - timing.domainLookupStart`|

|Tcp connect time|TCP完成握手时间|`timing.connectEnd - timing.connectStart`|

|Http request finished Time|HTTP请求响应完成时间|`timing.responseEnd - timing.requestStart`|

|Download time of the page|DOM开始加载前所花费时间|`timing.responseEnd - timing.navigationStart`|

|Dom loaded time|DOM加载完成时间|`timing.domComplete - timing.domLoading`|

|Dom parsed time|DOM结构解析完成时间|`timing.domInteractive - timing.domLoading`|

|Script Loaded time|脚本加载时间|`timing.domContentLoadedEventEnd - timing.domContentLoadedEventStart`|

|Onload event time|onload事件时间|`timing.domInteractive - timing.domLoading`|

#### 网络模式对应相关速率

|网络模式|是否离线|下载吞吐量(Byte)|上载吞吐量(Byte)|

|---|----|----|----|

|GPRS|否| `50 * 1024 / 8` | `20 * 1024 / 8` |

|Regular2G|否| `250 * 1024 / 8` | `250 * 1024 / 8` |

|Good2G|否| `450 * 1024 / 8` | `150 * 1024 / 8` |

|Regular3G|否| `750 * 1024 / 8` | `250 * 1024 / 8` |

|Good3G|否| `1.5 * 1024 * 1024 / 8` | `750 * 1024 / 8` |

|Regular4G|否| `4 * 1024 * 1024 / 8` | `3 * 1024 * 1024 / 8` |

|DSL|否| `2 * 1024 * 1024 / 8` | `1024 * 1024 / 8` |

|WiFi|否| `30 * 1024 * 1024 / 8` | `15 * 1024 * 1024 / 8` |

#### 亮点

- 支持禁用缓存模拟

- 支持弱网模拟

- 支持多次模拟

- 日志导出

- 跟踪`Timeline`截取相应时间对应的页面截图, 并且导入[chrome调试面板](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/)查看 

- 文件(内联)级别的`CSS`/`JavaScript`覆盖率