149 lines
8.5 KiB
HTML
149 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>大模型速度测试报告 - 20260826-004823</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
|
background: #f8fafc; color: #1e293b; line-height: 1.6;
|
|
}
|
|
.container { max-width: 1400px; margin: 0 auto; padding: 20px; }
|
|
.header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 12px; margin-bottom: 20px; }
|
|
.header h1 { font-size: 28px; margin-bottom: 10px; }
|
|
.header .meta { font-size: 14px; opacity: 0.9; }
|
|
.dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 20px; }
|
|
.stat-card { background: white; padding: 20px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
|
|
.stat-card .label { font-size: 12px; color: #64748b; text-transform: uppercase; }
|
|
.stat-card .value { font-size: 28px; font-weight: bold; margin-top: 5px; }
|
|
.section { background: white; border-radius: 10px; padding: 25px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
|
|
.section h2 { font-size: 20px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #e2e8f0; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #e2e8f0; }
|
|
th { background: #f1f5f9; font-weight: 600; font-size: 13px; text-transform: uppercase; }
|
|
tr:hover { background: #f8fafc; }
|
|
.mono { font-family: 'SF Mono', 'Fira Code', monospace; }
|
|
.diff-badge { padding: 4px 10px; border-radius: 12px; color: white; font-size: 12px; font-weight: 600; }
|
|
.status-passed { color: #22c55e; }
|
|
.status-failed { color: #ef4444; }
|
|
.chart-container { position: relative; height: 400px; margin: 20px 0; }
|
|
.analysis-box { background: #f0fdf4; border-left: 4px solid #22c55e; padding: 15px; border-radius: 6px; }
|
|
.analysis-box ul { padding-left: 20px; margin-top: 10px; }
|
|
.analysis-box li { margin: 5px 0; }
|
|
footer { text-align: center; padding: 20px; color: #64748b; font-size: 13px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>大模型速度测试报告</h1>
|
|
<div class="meta">
|
|
Run ID: 20260826-004823 | 时间: 2026-08-26T00:48:23.163258 | 用例: 2 | 重复: 1次
|
|
<br>模型: Q3.6-35B-A3B-Orig-Thi | 平台: win32
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dashboard">
|
|
<div class="stat-card"><div class="label">总用例数</div><div class="value">2</div></div>
|
|
<div class="stat-card"><div class="label">通过</div><div class="value" style="color:#22c55e">2</div></div>
|
|
<div class="stat-card"><div class="label">失败</div><div class="value" style="color:#ef4444">0</div></div>
|
|
<div class="stat-card"><div class="label">总耗时</div><div class="value">60.01s</div></div>
|
|
</div>
|
|
|
|
<div class="section"><h2>⚡ 并发压力测试摘要</h2><div class="dashboard"><div class="stat-card"><div class="label">并发数</div><div class="value" style="color:#8b5cf6">100</div></div><div class="stat-card"><div class="label">基准 TPS</div><div class="value" style="color:#6366f1">57.43</div></div><div class="stat-card"><div class="label">并发 TPS</div><div class="value" style="color:#6366f1">38.95</div></div><div class="stat-card"><div class="label">TPS 保持率</div><div class="value" style="color:#22c55e">67.82%</div></div><div class="stat-card"><div class="label">P95 延迟</div><div class="value" style="color:#ef4444">44577.95ms</div></div><div class="stat-card"><div class="label">P99 延迟</div><div class="value" style="color:#ef4444">45827.21ms</div></div><div class="stat-card"><div class="label">错误率</div><div class="value" style="color:#22c55e">0.0%</div></div></div></div>
|
|
|
|
<div class="analysis-box"><h3>性能分析</h3><ul><li><strong>最快用例:</strong> 纯文本生成基准 (5672.64ms)</li><li><strong>最慢用例:</strong> 并发压力测试 (25637.30ms)</li><li><strong>最快/最慢比:</strong> 4.5194653635696955x</li><li><strong>平均延迟:</strong> 15654.97ms</li></ul></div>
|
|
|
|
<div class="section">
|
|
<h2>性能对比柱状图</h2>
|
|
<div class="chart-container"><canvas id="barChart"></canvas></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>P95延迟对比</h2>
|
|
<div class="chart-container"><canvas id="p95Chart"></canvas></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>详细数据</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>用例名称</th><th>难度</th><th>状态</th><th>平均延迟 (ms)</th>
|
|
<th>标准差</th><th>最小</th><th>最大</th><th>P95</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr><td><strong>纯文本生成基准</strong></td><td><span class="diff-badge" style="background:#22c55e">简单</span></td><td class="status-passed" style="font-weight:bold">passed</td><td class="mono">5672.64</td><td class="mono">0.0</td><td class="mono">5672.64</td><td class="mono">5672.64</td><td class="mono">5672.64</td></tr>
|
|
<tr><td><strong>并发压力测试</strong></td><td><span class="diff-badge" style="background:#8b5cf6">压力</span></td><td class="status-passed" style="font-weight:bold">passed</td><td class="mono">25637.3</td><td class="mono">11979.73</td><td class="mono">5264.59</td><td class="mono">45953.13</td><td class="mono">44577.96</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h2>环境信息</h2>
|
|
<table>
|
|
<tr><td>模型</td><td class="mono">Q3.6-35B-A3B-Orig-Thi</td></tr>
|
|
<tr><td>运行平台</td><td class="mono">win32</td></tr>
|
|
<tr><td>运行ID</td><td class="mono">20260826-004823</td></tr>
|
|
<tr><td>测试时间</td><td class="mono">2026-08-26T00:48:23.163258</td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<footer>大模型速度测试助手 | 报告由 report.py 自动生成</footer>
|
|
</div>
|
|
|
|
<script>
|
|
const barCtx = document.getElementById('barChart').getContext('2d');
|
|
new Chart(barCtx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ["纯文本生成基准", "并发压力测试"],
|
|
datasets: [{
|
|
label: '平均延迟 (ms)',
|
|
data: [5672.64, 25637.3],
|
|
backgroundColor: 'rgba(102, 126, 234, 0.7)',
|
|
borderColor: 'rgba(102, 126, 234, 1)',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
plugins: {
|
|
legend: { display: false },
|
|
title: { display: true, text: '各用例平均延迟对比 (ms)', font: { size: 16 } }
|
|
},
|
|
scales: { y: { beginAtZero: true, title: { display: true, text: '延迟 (ms)' } } }
|
|
}
|
|
});
|
|
|
|
const p95Ctx = document.getElementById('p95Chart').getContext('2d');
|
|
new Chart(p95Ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ["纯文本生成基准", "并发压力测试"],
|
|
datasets: [{
|
|
label: 'P95延迟 (ms)',
|
|
data: [5672.64, 44577.96],
|
|
backgroundColor: 'rgba(239, 68, 68, 0.7)',
|
|
borderColor: 'rgba(239, 68, 68, 1)',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
plugins: {
|
|
legend: { display: false },
|
|
title: { display: true, text: '各用例P95延迟 (ms)', font: { size: 16 } }
|
|
},
|
|
scales: { y: { beginAtZero: true, title: { display: true, text: '延迟 (ms)' } } }
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |