179 lines
7.6 KiB
HTML
179 lines
7.6 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="zh-TW">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>LLM Benchmark Dashboard V2</title>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
|
|
<style>
|
|
body { background-color: #f1f4f9; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; padding: 40px; }
|
|
.card { border: none; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); overflow: hidden; }
|
|
.header-box { background: linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%); color: white; padding: 40px; text-align: center; }
|
|
.table thead th { background: #ffffff; color: #495057; border-bottom: 2px solid #dee2e6; text-transform: uppercase; font-size: 0.85rem; }
|
|
.progress { height: 10px; border-radius: 5px; background-color: #e9ecef; }
|
|
.progress-bar { background: linear-gradient(90deg, #3a7bd5, #00d2ff); }
|
|
.text-success { color: #28a745 !important; }
|
|
.text-danger { color: #dc3545 !important; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container-fluid">
|
|
<div class="card">
|
|
<div class="header-box">
|
|
<h1 class="display-4 font-weight-bold">LLM 推理效能大看板 V2</h1>
|
|
<p class="lead">多維度對比：本地部署 vs 雲端 API | 數據驅動決策</p>
|
|
<span class="badge badge-light">更新日期: 2026-04-14</span>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover mb-0">
|
|
<thead class="text-center">
|
|
<tr>
|
|
<th class="text-left">模型名稱</th>
|
|
<th>首字延遲 (TTFT) ↓</th>
|
|
<th>生成速度 (TPS)</th>
|
|
<th>總耗時</th>
|
|
<th>總字數</th>
|
|
<th width="20%">速度視覺化</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="text-center">
|
|
|
|
<tr>
|
|
<td><strong>local-gemma4:26b (128K)</strong><br><small class="text-muted">Local</small></td>
|
|
<td class="text-danger font-weight-bold">87.99s</td>
|
|
<td class="text-primary">10.79</td>
|
|
<td>131.7s</td>
|
|
<td>717</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 10.79%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>local-gemma4:26b (32K)</strong><br><small class="text-muted">Local</small></td>
|
|
<td class="text-danger font-weight-bold">78.67s</td>
|
|
<td class="text-primary">10.16</td>
|
|
<td>127.7s</td>
|
|
<td>722</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 10.16%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>local-gemma4:e4b</strong><br><small class="text-muted">Local</small></td>
|
|
<td class="text-danger font-weight-bold">39.93s</td>
|
|
<td class="text-primary">12.34</td>
|
|
<td>110.4s</td>
|
|
<td>1338</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 12.34%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>ollama-deepseek-v3.1:671b-cloud</strong><br><small class="text-muted">Cloud (Ollama)</small></td>
|
|
<td class="text-success font-weight-bold">1.04s</td>
|
|
<td class="text-success">51.74</td>
|
|
<td>7.3s</td>
|
|
<td>479</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 51.74%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>ollama-gemma4:31b-cloud</strong><br><small class="text-muted">Cloud</small></td>
|
|
<td class="text-success font-weight-bold">0.85s</td>
|
|
<td class="text-primary">31.79</td>
|
|
<td>14.2s</td>
|
|
<td>613</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 31.79%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>ollama-glm-5:cloud</strong><br><small class="text-muted">Cloud (Ollama)</small></td>
|
|
<td class="text-warning font-weight-bold">13.58s</td>
|
|
<td class="text-success">102.25</td>
|
|
<td>19.5s</td>
|
|
<td>779</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 100%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>ollama-kimi-k2.5:cloud</strong><br><small class="text-muted">Cloud (Ollama)</small></td>
|
|
<td class="text-warning font-weight-bold">15.91s</td>
|
|
<td class="text-primary">29.67</td>
|
|
<td>23.3s</td>
|
|
<td>505</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 29.67%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>ollama-minimax-m2.7:cloud</strong><br><small class="text-muted">Cloud (Ollama)</small></td>
|
|
<td class="text-danger font-weight-bold">40.40s</td>
|
|
<td class="text-primary">3.75</td>
|
|
<td>40.9s</td>
|
|
<td>508</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 3.75%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>百煉-qwen3-max</strong><br><small class="text-muted">Cloud</small></td>
|
|
<td class="text-success font-weight-bold">0.86s</td>
|
|
<td class="text-primary">6.18</td>
|
|
<td>14.1s</td>
|
|
<td>595</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 6.18%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>百煉-qwen3.5-35b-a3b</strong><br><small class="text-muted">Cloud</small></td>
|
|
<td class="text-danger font-weight-bold">37.64s</td>
|
|
<td class="text-success">69.15</td>
|
|
<td>39.2s</td>
|
|
<td>543</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 69.15%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>百煉-qwen3.6-plus</strong><br><small class="text-muted">Cloud</small></td>
|
|
<td class="text-danger font-weight-bold">77.35s</td>
|
|
<td class="text-primary">15.25</td>
|
|
<td>83.3s</td>
|
|
<td>507</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 15.25%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>百煉-qwen3.6-plus-v2</strong><br><small class="text-muted">Cloud</small></td>
|
|
<td class="text-danger font-weight-bold">47.14s</td>
|
|
<td class="text-primary">15.58</td>
|
|
<td>53.1s</td>
|
|
<td>503</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 15.58%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>直連-MiniMax-M2.7</strong><br><small class="text-muted">Cloud (Direct)</small></td>
|
|
<td class="text-success font-weight-bold">1.19s</td>
|
|
<td class="text-primary">1.97</td>
|
|
<td>13.9s</td>
|
|
<td>842</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 1.97%"></div></div></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>硅基流動-DeepSeek-R1-Qwen-8B</strong><br><small class="text-muted">Cloud</small></td>
|
|
<td class="text-warning font-weight-bold">10.15s</td>
|
|
<td class="text-success">75.57</td>
|
|
<td>13.4s</td>
|
|
<td>398</td>
|
|
<td><div class="progress"><div class="progress-bar" style="width: 75.57%"></div></div></td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="mt-4 text-center text-muted">
|
|
<small>由 AI 工程總監生成 | 數據來源: 手動跑分測試</small>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|