siper

一个基于puppeteer 和 PerformanceTiming API来评估网站性能的分析工具

使用方法

npm install siper -g

siper

性能指标

各项指标对应中文介绍

|显示名称|中文含义|换算| |---|----|----| |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调试面板查看
• 文件(内联)级别的CSS/JavaScript覆盖率