文档

基准测试数据表

共用的基准测试数据表与实用示例。

已记录输出

Recorded CSS output完整测量结果

Fixture	Variant	Raw CSS	Gzip	Brotli	Samples
Documentation	Static	56.2 kB	6.8 kB	5.1 kB	10
Documentation	Runtime	32.4 kB	4.9 kB	3.7 kB	10
Dashboard	Static	104.8 kB	13.2 kB	9.4 kB	10

完整图表呈现

这是组件示意数据，实测基准测试结果请前往产品链接。

Fixture	CSS (kB)	Samples
Fixture A	18.4	10
Fixture B	21.8	10
Fixture C	34.2	10
Fixture D	38.6	10

使用于基准测试.

用法与接口

BenchmarkDataTable 接受 title，以及作为 children 的完整原生表格。原生折叠区域让所有数据行保留在服务器渲染的文档中。内层具名滚动区域可通过键盘操作，并将宽列限制在表格内。

<BenchmarkDataTable title="All recorded measurements">  <table>    <thead><tr><th scope="col">Fixture</th><th scope="col">Median</th></tr></thead>    <tbody><tr><th scope="row">Illustrative fixture</th><td>12.5 ms</td></tr></tbody>  </table></BenchmarkDataTable>

表格应保留行与列的标题、包含单位，并区分零值与缺失数据。折叠区域使用原生鼠标、触控、Enter 和空格键行为。滚动区域在 WebKit 中也能一致处理方向键；没有 JavaScript 时，折叠区域与完整表格仍可使用。打印时会显示完整表格。

请参阅完整图表模式和实测基准测试 fixtures。