基準測試指標
共用的基準測試指標與實用範例。
指標
Fixturedashboard
Matched visual intent across variants
Median build148 ms
良好 10 measured command rounds
CSS rules1,284
After static extraction and pruning
Long tasks0
良好 Chromium trace sample
完整圖表呈現
這是元件示意資料，實測基準測試結果請前往產品連結。
| 指標 | 值 | 詳細資訊 |
|---|---|---|
| Fixture | dashboard | |
| Median build | 148 ms 良好 | 10 measured rounds |
| Warm rebuild | 28 ms 良好 | single class edit |
| Generated rules | 1,284 | after pruning |
| Long tasks | 0 良好 | Chromium trace sample |
使用於 基準測試.
用法與介面
BenchmarkMetrics 使用原生定義清單呈現簡短摘要。每項指標提供 label、value，以及選填的 detail 與 tone。數值使用等寬數字；容器較窄時，補充說明會移到數值下方。
<BenchmarkMetrics metrics={[ { label: 'Median', value: '12.5 ms', detail: '3 illustrative samples' }, { label: 'Generated rules', value: '1,284' }]} />數值應保留單位，並在摘要旁說明樣本背景。色調只用於強調，不代表已經完成測量或得出統計結論。完整比較需要表頭與欄位時，請使用 BenchmarkMetricTable。兩種元件都不會改變記錄的資料。