docs: swap步数+重绘分辨率对比报告(热数据)

4图×2发型×(3步数档+3分辨率档) 热数据对比，48/48成功，0 OOM，峰值20.6GB。 - benchmark_steps_res.py: 测试脚本(预热+正式取热数据) - benchmark_steps_res_report.py: 报告生成 - static/bench2_report.html: 对比报告 - static/bench2/: 48张结果图结论: B维度 steps10→20 swap 3.0s→3.9s; C维度 res640比896省3s(comfy 4.3s vs 7.3s)
2026-07-26 17:44:59 +08:00
parent 62d2660e41
commit 531dcb8279
51 changed files with 483 additions and 0 deletions
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>swap步数 + 重绘分辨率 对比报告</title>
+<style>
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body { font-family: -apple-system, "Segoe UI", sans-serif; background: #f5f5f5; padding: 16px; color: #333; }
+h1 { font-size: 20px; margin-bottom: 4px; }
+h2 { font-size: 16px; margin: 20px 0 10px; }
+.subtitle { color: #888; font-size: 12px; margin-bottom: 14px; }
+.card { background: #fff; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.06); margin-bottom: 16px; overflow: hidden; }
+.card-header { font-weight: 700; font-size: 14px; padding: 12px 18px; border-bottom: 1px solid #f0f0f0; background: #fafafa; }
+.card-body { padding: 18px; }
+.summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+.step-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 13px; }
+.step-name { width: 100px; flex-shrink: 0; font-weight: 600; }
+.step-bar-wrap { flex: 1; background: #f3f4f6; border-radius: 4px; height: 24px; min-width: 200px; }
+.step-bar { height: 100%; border-radius: 4px; display: flex; align-items: center; padding-left: 8px; color: #fff; font-size: 11px; font-weight: 600; min-width: 2px; }
+.step-time { width: 70px; text-align: right; font-weight: 600; flex-shrink: 0; font-variant-numeric: tabular-nums; }
+.c-swap { background: #f59e0b; } .c-comfy { background: #ef4444; } .c-total { background: #2563eb; }
+table { border-collapse: collapse; width: 100%; font-size: 12px; }
+th, td { border: 1px solid #eee; padding: 5px 8px; text-align: center; }
+th { background: #f9fafb; font-weight: 600; position: sticky; top: 0; }
+td img { max-height: 100px; max-width: 80px; border-radius: 4px; }
+.scroll { max-height: 400px; overflow: auto; }
+.note { background: #fef3c7; border-radius: 8px; padding: 10px 14px; font-size: 12px; color: #92400e; margin-top: 10px; }
+</style>
+</head>
+<body>
+<h1>📊 swap步数 + 重绘分辨率 对比报告</h1>
+<p class="subtitle">4图(asdf/qwer/girl2/girl5) × 2发型(波浪/心形) · 热数据(预热后取第2次) · 48/48成功 · 峰值20.6GB · 0 OOM</p>
+
+<div class="note">💡 结论速览: B维度 steps 10→20 swap从3.0s→3.9s(每步省~90ms)；C维度 res 640比896省3s(comfy 4.3s vs 7.3s)，1024与896接近。</div>
+
+<h2>B维度：swap步数对比（分辨率固定896）</h2>
+<div class="summary-grid">
+<div class="card"><div class="card-header">swap 耗时（越低越快）</div><div class="card-body"><div class="step-row"><div class="step-name">steps=10</div><div class="step-bar-wrap"><div class="step-bar c-swap" style="width:76.94087403598971%">2993ms</div></div><div class="step-time">2993ms</div></div><div class="step-row"><div class="step-name">steps=15</div><div class="step-bar-wrap"><div class="step-bar c-swap" style="width:88.63753213367609%">3448ms</div></div><div class="step-time">3448ms</div></div><div class="step-row"><div class="step-name">steps=20</div><div class="step-bar-wrap"><div class="step-bar c-swap" style="width:100.0%">3890ms</div></div><div class="step-time">3890ms</div></div></div></div>
+<div class="card"><div class="card-header">总耗时（越低越快）</div><div class="card-body"><div class="step-row"><div class="step-name">steps=10</div><div class="step-bar-wrap"><div class="step-bar c-total" style="width:90.79392624728851%">10464ms</div></div><div class="step-time">10464ms</div></div><div class="step-row"><div class="step-name">steps=15</div><div class="step-bar-wrap"><div class="step-bar c-total" style="width:96.13882863340564%">11080ms</div></div><div class="step-time">11080ms</div></div><div class="step-row"><div class="step-name">steps=20</div><div class="step-bar-wrap"><div class="step-bar c-total" style="width:100.0%">11525ms</div></div><div class="step-time">11525ms</div></div></div></div>
+</div>
+
+<h2>C维度：重绘分辨率对比（steps固定15）</h2>
+<div class="summary-grid">
+<div class="card"><div class="card-header">ComfyUI重绘 耗时（越低越快）</div><div class="card-body"><div class="step-row"><div class="step-name">res=640</div><div class="step-bar-wrap"><div class="step-bar c-comfy" style="width:57.23118279569892%">4258ms</div></div><div class="step-time">4258ms</div></div><div class="step-row"><div class="step-name">res=896</div><div class="step-bar-wrap"><div class="step-bar c-comfy" style="width:97.72849462365592%">7271ms</div></div><div class="step-time">7271ms</div></div><div class="step-row"><div class="step-name">res=1024</div><div class="step-bar-wrap"><div class="step-bar c-comfy" style="width:100.0%">7440ms</div></div><div class="step-time">7440ms</div></div></div></div>
+<div class="card"><div class="card-header">总耗时（越低越快）</div><div class="card-body"><div class="step-row"><div class="step-name">res=640</div><div class="step-bar-wrap"><div class="step-bar c-total" style="width:68.26090758065926%">7807ms</div></div><div class="step-time">7807ms</div></div><div class="step-row"><div class="step-name">res=896</div><div class="step-bar-wrap"><div class="step-bar c-total" style="width:96.72116813849786%">11062ms</div></div><div class="step-time">11062ms</div></div><div class="step-row"><div class="step-name">res=1024</div><div class="step-bar-wrap"><div class="step-bar c-total" style="width:100.0%">11437ms</div></div><div class="step-time">11437ms</div></div></div></div>
+</div>
+
+<h2>B维度明细（每图每发型每步数）</h2>
+<div class="card"><div class="scroll"><table>
+<tr><th>图片</th><th>发型</th><th>steps</th><th>swap(ms)</th><th>comfy(ms)</th><th>总(ms)</th><th>结果</th></tr>
+<tr>
+<td>asdf</td><td>心形</td><td>10</td>
+<td>2969</td><td>6810</td><td>10189</td>
+<td><img src="bench2/B_steps10_asdf_heart.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>心形</td><td>15</td>
+<td>3621</td><td>6628</td><td>10619</td>
+<td><img src="bench2/B_steps15_asdf_heart.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>心形</td><td>20</td>
+<td>3855</td><td>6874</td><td>11106</td>
+<td><img src="bench2/B_steps20_asdf_heart.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>波浪</td><td>10</td>
+<td>3053</td><td>6601</td><td>10073</td>
+<td><img src="bench2/B_steps10_asdf_wave.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>波浪</td><td>15</td>
+<td>3403</td><td>6596</td><td>10380</td>
+<td><img src="bench2/B_steps15_asdf_wave.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>波浪</td><td>20</td>
+<td>3842</td><td>6579</td><td>10815</td>
+<td><img src="bench2/B_steps20_asdf_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>心形</td><td>10</td>
+<td>3282</td><td>8860</td><td>12601</td>
+<td><img src="bench2/B_steps10_girl2_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>心形</td><td>15</td>
+<td>3470</td><td>8578</td><td>12439</td>
+<td><img src="bench2/B_steps15_girl2_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>心形</td><td>20</td>
+<td>4022</td><td>8650</td><td>13057</td>
+<td><img src="bench2/B_steps20_girl2_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>波浪</td><td>10</td>
+<td>3062</td><td>8561</td><td>12066</td>
+<td><img src="bench2/B_steps10_girl2_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>波浪</td><td>15</td>
+<td>3542</td><td>8809</td><td>12769</td>
+<td><img src="bench2/B_steps15_girl2_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>波浪</td><td>20</td>
+<td>3923</td><td>8809</td><td>13167</td>
+<td><img src="bench2/B_steps20_girl2_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>心形</td><td>10</td>
+<td>2834</td><td>5888</td><td>9042</td>
+<td><img src="bench2/B_steps10_girl5_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>心形</td><td>15</td>
+<td>3366</td><td>6774</td><td>10478</td>
+<td><img src="bench2/B_steps15_girl5_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>心形</td><td>20</td>
+<td>3953</td><td>6580</td><td>10866</td>
+<td><img src="bench2/B_steps20_girl5_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>波浪</td><td>10</td>
+<td>2870</td><td>5837</td><td>9046</td>
+<td><img src="bench2/B_steps10_girl5_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>波浪</td><td>15</td>
+<td>3302</td><td>6450</td><td>10079</td>
+<td><img src="bench2/B_steps15_girl5_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>波浪</td><td>20</td>
+<td>3758</td><td>6465</td><td>10567</td>
+<td><img src="bench2/B_steps20_girl5_wave.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>心形</td><td>10</td>
+<td>2935</td><td>7067</td><td>10388</td>
+<td><img src="bench2/B_steps10_qwer_heart.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>心形</td><td>15</td>
+<td>3516</td><td>7072</td><td>10985</td>
+<td><img src="bench2/B_steps15_qwer_heart.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>心形</td><td>20</td>
+<td>3849</td><td>7035</td><td>11243</td>
+<td><img src="bench2/B_steps20_qwer_heart.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>波浪</td><td>10</td>
+<td>2945</td><td>6996</td><td>10314</td>
+<td><img src="bench2/B_steps10_qwer_wave.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>波浪</td><td>15</td>
+<td>3369</td><td>7070</td><td>10894</td>
+<td><img src="bench2/B_steps15_qwer_wave.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>波浪</td><td>20</td>
+<td>3924</td><td>7103</td><td>11382</td>
+<td><img src="bench2/B_steps20_qwer_wave.jpg" loading="lazy"></td></tr>
+</table></div></div>
+
+<h2>C维度明细（每图每发型每分辨率）</h2>
+<div class="card"><div class="scroll"><table>
+<tr><th>图片</th><th>发型</th><th>res</th><th>swap(ms)</th><th>comfy(ms)</th><th>总(ms)</th><th>结果</th></tr>
+<tr>
+<td>asdf</td><td>心形</td><td>640</td>
+<td>3214</td><td>4261</td><td>7750</td>
+<td><img src="bench2/C_res640_asdf_heart.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>心形</td><td>896</td>
+<td>3508</td><td>6882</td><td>10784</td>
+<td><img src="bench2/C_res896_asdf_heart.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>心形</td><td>1024</td>
+<td>3527</td><td>7010</td><td>10999</td>
+<td><img src="bench2/C_res1024_asdf_heart.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>波浪</td><td>640</td>
+<td>3355</td><td>3660</td><td>7328</td>
+<td><img src="bench2/C_res640_asdf_wave.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>波浪</td><td>896</td>
+<td>3436</td><td>6900</td><td>10730</td>
+<td><img src="bench2/C_res896_asdf_wave.jpg" loading="lazy"></td></tr><tr>
+<td>asdf</td><td>波浪</td><td>1024</td>
+<td>3593</td><td>6795</td><td>10847</td>
+<td><img src="bench2/C_res1024_asdf_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>心形</td><td>640</td>
+<td>3307</td><td>4437</td><td>8036</td>
+<td><img src="bench2/C_res640_girl2_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>心形</td><td>896</td>
+<td>3582</td><td>8503</td><td>12458</td>
+<td><img src="bench2/C_res896_girl2_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>心形</td><td>1024</td>
+<td>3816</td><td>9018</td><td>13330</td>
+<td><img src="bench2/C_res1024_girl2_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>波浪</td><td>640</td>
+<td>3244</td><td>4423</td><td>7946</td>
+<td><img src="bench2/C_res640_girl2_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>波浪</td><td>896</td>
+<td>3409</td><td>8775</td><td>12558</td>
+<td><img src="bench2/C_res896_girl2_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl2</td><td>波浪</td><td>1024</td>
+<td>3737</td><td>8979</td><td>13203</td>
+<td><img src="bench2/C_res1024_girl2_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>心形</td><td>640</td>
+<td>3338</td><td>4985</td><td>8565</td>
+<td><img src="bench2/C_res640_girl5_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>心形</td><td>896</td>
+<td>3345</td><td>6714</td><td>10403</td>
+<td><img src="bench2/C_res896_girl5_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>心形</td><td>1024</td>
+<td>3372</td><td>6550</td><td>10264</td>
+<td><img src="bench2/C_res1024_girl5_heart.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>波浪</td><td>640</td>
+<td>3186</td><td>4381</td><td>7811</td>
+<td><img src="bench2/C_res640_girl5_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>波浪</td><td>896</td>
+<td>3290</td><td>6447</td><td>10066</td>
+<td><img src="bench2/C_res896_girl5_wave.jpg" loading="lazy"></td></tr><tr>
+<td>girl5</td><td>波浪</td><td>1024</td>
+<td>3256</td><td>6760</td><td>10369</td>
+<td><img src="bench2/C_res1024_girl5_wave.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>心形</td><td>640</td>
+<td>3289</td><td>4093</td><td>7676</td>
+<td><img src="bench2/C_res640_qwer_heart.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>心形</td><td>896</td>
+<td>3432</td><td>6912</td><td>10720</td>
+<td><img src="bench2/C_res896_qwer_heart.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>心形</td><td>1024</td>
+<td>3557</td><td>7164</td><td>11184</td>
+<td><img src="bench2/C_res1024_qwer_heart.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>波浪</td><td>640</td>
+<td>3240</td><td>3827</td><td>7350</td>
+<td><img src="bench2/C_res640_qwer_wave.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>波浪</td><td>896</td>
+<td>3368</td><td>7041</td><td>10778</td>
+<td><img src="bench2/C_res896_qwer_wave.jpg" loading="lazy"></td></tr><tr>
+<td>qwer</td><td>波浪</td><td>1024</td>
+<td>3599</td><td>7249</td><td>11303</td>
+<td><img src="bench2/C_res1024_qwer_wave.jpg" loading="lazy"></td></tr>
+</table></div></div>
+</body>
+</html>