Hoppscotch可通过响应面板查看实时响应时间、历史记录导出时间序列数据、Post-Request Tests断言性能阈值、Pre-request Script实现多轮采样。

如果您在使用Hoppscotch进行API测试时,需要精确掌握每次请求的耗时表现与性能特征,则可通过内置响应面板直接获取实时、结构化的性能指标。以下是查看请求响应时间及相关性能数据的具体操作路径:
一、查看请求结果面板中的响应时间
Hoppscotch在每次请求完成后,自动在右侧结果区域展示关键性能指标,其中响应时间(Time)是核心观测项,以毫秒为单位,反映从发送请求到接收完整响应的端到端延迟。
1、完成请求配置后,点击界面右上角的Send按钮发起调用。
2、等待响应返回,在结果面板顶部区域查找标有Time的数值字段,该值即为本次请求的实际响应时间。
3、注意观察该数值旁的色块标识:绿色表示低于200ms,黄色表示200–500ms,红色表示超过500ms,用于快速判断性能健康度。
二、启用请求历史记录并导出时间序列数据
单次响应时间仅反映瞬时状态,而历史记录可支撑趋势比对与异常识别。Hoppscotch将所有已发送请求自动存入本地历史列表,并支持按时间排序与批量导出,便于进一步分析响应时间分布。
1、点击左侧边栏底部的History图标,打开请求历史面板。
2、在历史条目中,每行均显示对应请求的Time列数值,支持点击列头按响应时间升序或降序排列。
3、勾选多个历史条目,点击右上角Export按钮,选择CSV格式导出,文件中包含Timestamp、URL、Method、Status、Time、Size等字段,可用于Excel或Python做统计分析。
三、通过Post-Request Tests脚本自动记录与断言响应时间
对于需持续验证性能阈值的场景,可在请求的Tests标签页中编写JavaScript断言脚本,使Hoppscotch在每次响应后自动校验响应时间是否符合预期,并在测试结果中明确标示通过或失败。
1、在请求编辑区切换至Tests标签页。
2、输入以下脚本:
pm.test("Response time is less than 300ms", function () {
pm.expect(pm.response.responseTime).to.be.below(300);
});
3、点击Send执行请求,测试结果将显示在下方Test Results区域,若响应时间超限则该项标记为失败。
四、使用环境变量+预处理脚本实现多轮响应时间采样
单一请求难以反映服务稳定性,需多次重复调用以获取响应时间样本集。通过Pre-request Script结合环境变量,可驱动Hoppscotch在单次操作中自动发起多轮请求并分别记录响应时间。
1、在请求编辑区切换至Pre-request Script标签页。
2、粘贴如下代码:
const count = 5;
for (let i = 0; i setTimeout(() => {
pm.environment.set(`time_sample_${i}`, Date.now());
}, i * 200);
}
3、在Tests标签页中添加提取逻辑:
const now = Date.now();
const lastTime = pm.environment.get("time_sample_4");
if (lastTime) {
pm.test("Last sample latency", function() {
pm.expect(now - lastTime).to.be.below(1000);
});
}


















