Skip to content

Commit cc50dcc

Browse files
kevaundraykevaundray
committed
upload legend
1 parent 7573584 commit cc50dcc

1 file changed

Lines changed: 89 additions & 0 deletions

File tree

‎site/index.html‎

Lines changed: 89 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,13 +59,102 @@
5959
border-radius: 4px;
6060
min-width: 200px;
6161
}
62+
.legend {
63+
background: white;
64+
padding: 20px;
65+
border-radius: 8px;
66+
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
67+
margin-bottom: 20px;
68+
}
69+
.legend h3 { margin: 0 0 15px 0; color: #333; }
70+
.legend-grid {
71+
display: grid;
72+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
73+
gap: 20px;
74+
}
75+
.legend-section h4 {
76+
margin: 0 0 8px 0;
77+
color: #666;
78+
font-size: 13px;
79+
text-transform: uppercase;
80+
letter-spacing: 0.5px;
81+
}
82+
.legend-section code {
83+
background: #f0f0f0;
84+
padding: 2px 6px;
85+
border-radius: 3px;
86+
font-size: 13px;
87+
}
88+
.legend-section ul {
89+
margin: 0;
90+
padding-left: 0;
91+
list-style: none;
92+
}
93+
.legend-section li {
94+
margin: 4px 0;
95+
font-size: 14px;
96+
color: #555;
97+
}
98+
.legend-section li code {
99+
min-width: 100px;
100+
display: inline-block;
101+
}
102+
.legend-example {
103+
margin-top: 15px;
104+
padding-top: 15px;
105+
border-top: 1px solid #eee;
106+
}
107+
.legend-example code {
108+
background: #e8f5e9;
109+
color: #2e7d32;
110+
}
62111
</style>
63112
</head>
64113
<body>
65114
<h1>Blob Encoding Benchmark Results</h1>
66115

67116
<div class="summary" id="summary"></div>
68117

118+
<div class="legend">
119+
<h3>Strategy Legend</h3>
120+
<p style="margin: 0 0 15px 0; color: #666;">
121+
Strategies are named as <code>encoding + compression + packing</code>
122+
</p>
123+
<div class="legend-grid">
124+
<div class="legend-section">
125+
<h4>Encoding (tx list format)</h4>
126+
<ul>
127+
<li><code>rlp</code> — RLP-encoded transaction list</li>
128+
<li><code>ssz</code> — SSZ-encoded transaction list</li>
129+
<li><code>rlp_pertx_*</code> — Each tx compressed individually, then RLP list</li>
130+
</ul>
131+
</div>
132+
<div class="legend-section">
133+
<h4>Compression</h4>
134+
<ul>
135+
<li><code>none</code> — No compression (baseline)</li>
136+
<li><code>snappy</code> — Fast, balanced compression</li>
137+
<li><code>zstd_1</code> — Zstandard level 1 (fastest)</li>
138+
<li><code>zstd_3</code> — Zstandard level 3</li>
139+
<li><code>zstd_6</code> — Zstandard level 6</li>
140+
<li><code>zstd_22</code> — Zstandard level 22 (max compression)</li>
141+
<li><code>gzip_9</code> — Gzip level 9</li>
142+
</ul>
143+
</div>
144+
<div class="legend-section">
145+
<h4>Packing (blob field encoding)</h4>
146+
<ul>
147+
<li><code>naive_31</code> — 31 bytes per 32-byte field element (simple, wastes 1 byte/element)</li>
148+
<li><code>bitpack_254</code> — 254 bits per field element (BLS12-381 optimized)</li>
149+
</ul>
150+
</div>
151+
</div>
152+
<div class="legend-example">
153+
<strong>Example:</strong> <code>rlp_pertx_zstd_3+zstd_22+bitpack_254</code> means:
154+
compress each tx with zstd level 3, wrap in RLP list, then compress entire list with zstd level 22, then bitpack into blobs.
155+
</div>
156+
</div>
157+
69158
<h2>Aggregate Results</h2>
70159
<table id="results">
71160
<thead>

0 commit comments

Comments
 (0)