fix: snap confirmation footer cp-13.13.0
Description
Fix the confirmation screen footer layout issue in sidepanel
Changelog
CHANGELOG entry: fix: confirmation footer in sidepanel
Related issues
Fixes:
Manual testing steps
Initiate a Tron or Solana Send transaction
Screenshots/Recordings
| before | after |
|---|---|
Before
After
Pre-merge author checklist
- [ ] I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using JSDoc format if applicable
- [ ] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
Pre-merge reviewer checklist
- [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.
[!NOTE] Refactors Snap UI renderer so content panels scroll and footer is inline (non-fixed), switches Snaps pages to RootLayout, and improves e2e picker interactions; updates styles and snapshots.
- UI/Layout (Snap UI Renderer):
- Make
snap-ui-renderer__panelthe scrollable area with padding; set container toheight: 100%.- Remove fixed footer and related spacing hacks; footer renders inline within container.
- Ensure first child is always a
Boxincomponents/container.ts; inject prompt input into first child.- Simplify renderer styles by removing dynamic
margin-bottomon content; adjust footer classes.- Update SCSS for
snaps-listandsnap-viewto use full height; remove width breakpoints.- Update snapshots to reflect new structure/styles (no inline margin-bottom, panel wrapper present).
- Routing:
- Use
RootLayoutforSNAPS_ROUTEandSNAPS_VIEW_ROUTEinstead ofLegacyLayout.- Tests:
- Improve e2e stability: scroll to date/time/date-time pickers before clicking.
Written by Cursor Bugbot for commit 6b794b7d63fc98c75217b0d1f984a568a5b4dadb. This will update automatically on new commits. Configure here.
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.
✨ Files requiring CODEOWNER review ✨
✅ @MetaMask/confirmations (1 files, +18 -10)
- 📁 ui/
- 📁 pages/
- 📁 confirmations/
- 📁 components/
- 📁 confirm/
- 📁 snaps/
- 📁 snaps-section/
- 📁 __snapshots__/
- 📄
snaps-section.test.tsx.snap+18 -10
- 📄
- 📁 __snapshots__/
- 📁 snaps-section/
- 📁 snaps/
- 📁 confirm/
- 📁 components/
- 📁 confirmations/
- 📁 pages/
🫰 @MetaMask/core-platform (13 files, +70 -128)
- 📁 ui/
- 📁 components/
- 📁 app/
- 📁 snaps/
- 📁 snap-ui-renderer/
- 📁 __snapshots__/
- 📄
snap-ui-renderer.test.js.snap+10 -10
- 📄
- 📁 components/
- 📁 __snapshots__/
- 📄
account-selector.test.ts.snap+2 -2 - 📄
address-input.test.ts.snap+6 -6 - 📄
asset-selector.test.ts.snap+2 -2 - 📄
date-time-picker.test.ts.snap+5 -5 - 📄
file-input.test.ts.snap+1 -1 - 📄
form.test.ts.snap+2 -2 - 📄
container.ts+14 -6
- 📄
- 📄
index.scss+8 -38 - 📄
snap-ui-renderer.js+0 -5
- 📁 __snapshots__/
- 📁 __snapshots__/
- 📁 snap-ui-renderer/
- 📁 snaps/
- 📁 app/
- 📁 pages/
- 📁 confirmations/
- 📁 components/
- 📁 confirm/
- 📁 snaps/
- 📁 snaps-section/
- 📁 __snapshots__/
- 📄
snaps-section.test.tsx.snap+18 -10
- 📄
- 📁 __snapshots__/
- 📁 snaps-section/
- 📁 snaps/
- 📁 confirm/
- 📁 components/
- 📁 snaps/
- 📁 snap-view/
- 📄
index.scss+1 -21
- 📄
- 📁 snaps-list/
- 📄
index.scss+1 -20
- 📄
- 📁 snap-view/
- 📁 confirmations/
- 📁 components/
🧪 @MetaMask/qa (1 files, +12 -0)
- 📁 test/
- 📁 e2e/
- 📁 page-objects/
- 📁 pages/
- 📁 dialog/
- 📄
snap-interactive-dialog.ts+12 -0
- 📄
- 📁 dialog/
- 📁 pages/
- 📁 page-objects/
- 📁 e2e/
Builds ready [3d511fc]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1230 ± 97 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Standard Home | uiStartup | 1230 | 1031 | 1529 | 97 | 1290 | 1398 |
| load | 1038 | 874 | 1311 | 79 | 1089 | 1187 | |||
| domContentLoaded | 1032 | 871 | 1305 | 78 | 1082 | 1179 | |||
| domInteractive | 27 | 16 | 173 | 24 | 22 | 86 | |||
| firstPaint | 464 | 76 | 1318 | 385 | 983 | 1148 | |||
| backgroundConnect | 220 | 200 | 295 | 14 | 228 | 242 | |||
| firstReactRender | 29 | 19 | 145 | 14 | 30 | 46 | |||
| getState | 33 | 14 | 103 | 15 | 38 | 71 | |||
| initialActions | 1 | 0 | 10 | 1 | 1 | 2 | |||
| loadScripts | 818 | 664 | 1079 | 78 | 864 | 962 | |||
| setupStore | 12 | 5 | 38 | 5 | 13 | 22 | |||
| numNetworkReqs | 27 | 18 | 92 | 20 | 18 | 85 | |||
| Browserify | Power User Home | uiStartup | 2052 | 1758 | 3035 | 201 | 2121 | 2465 | |
| load | 1030 | 918 | 1707 | 139 | 1016 | 1357 | |||
| domContentLoaded | 1016 | 907 | 1695 | 141 | 1000 | 1350 | |||
| domInteractive | 33 | 17 | 150 | 24 | 30 | 104 | |||
| firstPaint | 640 | 129 | 1474 | 417 | 987 | 1354 | |||
| backgroundConnect | 280 | 206 | 869 | 137 | 238 | 607 | |||
| firstReactRender | 60 | 42 | 138 | 17 | 64 | 96 | |||
| getState | 184 | 137 | 297 | 33 | 203 | 240 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 2 | |||
| loadScripts | 804 | 694 | 1465 | 138 | 791 | 1134 | |||
| setupStore | 20 | 10 | 54 | 8 | 23 | 35 | |||
| numNetworkReqs | 107 | 66 | 261 | 43 | 118 | 217 | |||
| Webpack | Standard Home | uiStartup | 834 | 699 | 1075 | 74 | 873 | 996 | |
| load | 639 | 569 | 884 | 66 | 657 | 819 | |||
| domContentLoaded | 634 | 565 | 877 | 66 | 652 | 814 | |||
| domInteractive | 27 | 17 | 113 | 21 | 22 | 92 | |||
| firstPaint | 225 | 89 | 891 | 171 | 195 | 645 | |||
| backgroundConnect | 10 | 5 | 40 | 6 | 11 | 24 | |||
| firstReactRender | 28 | 20 | 46 | 6 | 32 | 39 | |||
| getState | 27 | 12 | 73 | 11 | 34 | 49 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 631 | 563 | 869 | 64 | 650 | 806 | |||
| setupStore | 11 | 7 | 37 | 4 | 12 | 16 | |||
| numNetworkReqs | 26 | 18 | 85 | 18 | 18 | 80 | |||
| Webpack | Power User Home | uiStartup | 1549 | 1246 | 2197 | 202 | 1590 | 1998 | |
| load | 686 | 578 | 1193 | 108 | 691 | 943 | |||
| domContentLoaded | 676 | 572 | 1181 | 109 | 678 | 936 | |||
| domInteractive | 38 | 18 | 214 | 35 | 35 | 125 | |||
| firstPaint | 282 | 129 | 900 | 181 | 259 | 668 | |||
| backgroundConnect | 37 | 6 | 587 | 95 | 18 | 98 | |||
| firstReactRender | 58 | 46 | 82 | 7 | 63 | 71 | |||
| getState | 174 | 129 | 230 | 18 | 181 | 210 | |||
| initialActions | 1 | 0 | 7 | 1 | 1 | 2 | |||
| loadScripts | 674 | 570 | 1172 | 107 | 676 | 927 | |||
| setupStore | 23 | 9 | 60 | 13 | 25 | 51 | |||
| numNetworkReqs | 162 | 66 | 398 | 63 | 214 | 280 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1364 | 1109 | 1908 | 170 | 1490 | 1711 |
| load | 1118 | 957 | 1518 | 126 | 1181 | 1385 | |||
| domContentLoaded | 1118 | 957 | 1517 | 126 | 1181 | 1385 | |||
| domInteractive | 68 | 32 | 200 | 36 | 86 | 146 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 49 | 23 | 320 | 41 | 47 | 137 | |||
| firstReactRender | 25 | 18 | 61 | 8 | 25 | 46 | |||
| getState | 12 | 6 | 74 | 11 | 12 | 28 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1087 | 937 | 1485 | 118 | 1142 | 1349 | |||
| setupStore | 12 | 6 | 82 | 12 | 11 | 31 | |||
| numNetworkReqs | 28 | 18 | 84 | 19 | 26 | 80 | |||
| Browserify | Power User Home | uiStartup | 2616 | 2013 | 4936 | 597 | 2594 | 4225 | |
| load | 1207 | 972 | 2890 | 333 | 1188 | 1991 | |||
| domContentLoaded | 1207 | 972 | 2890 | 333 | 1187 | 1990 | |||
| domInteractive | 120 | 32 | 476 | 99 | 108 | 402 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 161 | 31 | 1132 | 210 | 149 | 747 | |||
| firstReactRender | 63 | 38 | 147 | 21 | 64 | 104 | |||
| getState | 291 | 56 | 1246 | 240 | 391 | 808 | |||
| initialActions | 2 | 0 | 35 | 3 | 2 | 3 | |||
| loadScripts | 1156 | 949 | 2678 | 302 | 1126 | 1617 | |||
| setupStore | 182 | 6 | 767 | 214 | 225 | 694 | |||
| numNetworkReqs | 84 | 62 | 180 | 27 | 82 | 172 | |||
| Webpack | Standard Home | uiStartup | 1508 | 1301 | 2093 | 135 | 1594 | 1772 | |
| load | 1242 | 1099 | 1507 | 90 | 1302 | 1425 | |||
| domContentLoaded | 1241 | 1099 | 1507 | 90 | 1301 | 1425 | |||
| domInteractive | 66 | 28 | 158 | 33 | 86 | 139 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 45 | 21 | 185 | 29 | 47 | 100 | |||
| firstReactRender | 28 | 20 | 70 | 9 | 30 | 44 | |||
| getState | 17 | 6 | 195 | 27 | 14 | 45 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1215 | 1082 | 1481 | 84 | 1275 | 1381 | |||
| setupStore | 17 | 6 | 160 | 24 | 15 | 38 | |||
| numNetworkReqs | 28 | 18 | 86 | 20 | 20 | 81 | |||
| Webpack | Power User Home | uiStartup | 2993 | 2105 | 5844 | 791 | 2991 | 4917 | |
| load | 1461 | 1157 | 3045 | 386 | 1515 | 2760 | |||
| domContentLoaded | 1461 | 1156 | 3045 | 386 | 1515 | 2760 | |||
| domInteractive | 117 | 30 | 487 | 111 | 112 | 430 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 187 | 23 | 1611 | 291 | 134 | 1048 | |||
| firstReactRender | 64 | 40 | 292 | 30 | 64 | 115 | |||
| getState | 296 | 40 | 885 | 233 | 468 | 805 | |||
| initialActions | 4 | 0 | 103 | 11 | 2 | 7 | |||
| loadScripts | 1387 | 1100 | 2872 | 298 | 1399 | 1820 | |||
| setupStore | 176 | 7 | 1271 | 249 | 161 | 714 | |||
| numNetworkReqs | 83 | 61 | 245 | 31 | 79 | 166 |
📊 Page Load Benchmark Results
Current Commit: 3d511fc | Date: 12/5/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.03s (±43ms) 🟡 | historical mean value: 1.03s ⬇️ (historical data)
- domContentLoaded-> current mean value: 717ms (±39ms) 🟢 | historical mean value: 718ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 76ms (±12ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.03s | 43ms | 1.00s | 1.33s | 1.05s | 1.33s |
| domContentLoaded | 717ms | 39ms | 692ms | 990ms | 734ms | 990ms |
| firstPaint | 76ms | 12ms | 60ms | 176ms | 84ms | 176ms |
| firstContentfulPaint | 76ms | 12ms | 60ms | 176ms | 84ms | 176ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: -137 Bytes (0%)
- common: 20 Bytes (0%)
Builds ready [daf1c18]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1230 ± 87 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Standard Home | uiStartup | 1230 | 1045 | 1506 | 87 | 1284 | 1384 |
| load | 1011 | 863 | 1286 | 75 | 1058 | 1139 | |||
| domContentLoaded | 1004 | 858 | 1271 | 74 | 1053 | 1132 | |||
| domInteractive | 21 | 15 | 49 | 7 | 21 | 37 | |||
| firstPaint | 521 | 94 | 1160 | 399 | 1008 | 1077 | |||
| backgroundConnect | 213 | 197 | 286 | 13 | 219 | 238 | |||
| firstReactRender | 47 | 29 | 164 | 18 | 56 | 71 | |||
| getState | 33 | 16 | 105 | 14 | 38 | 59 | |||
| initialActions | 1 | 0 | 6 | 1 | 1 | 1 | |||
| loadScripts | 799 | 661 | 1060 | 70 | 843 | 901 | |||
| setupStore | 12 | 7 | 28 | 4 | 14 | 22 | |||
| numNetworkReqs | 8 | 6 | 30 | 6 | 6 | 29 | |||
| Browserify | Power User Home | uiStartup | 1876 | 1650 | 2290 | 125 | 1963 | 2046 | |
| load | 1076 | 918 | 1288 | 96 | 1157 | 1252 | |||
| domContentLoaded | 1064 | 912 | 1276 | 96 | 1145 | 1240 | |||
| domInteractive | 26 | 17 | 55 | 9 | 28 | 46 | |||
| firstPaint | 535 | 90 | 1285 | 424 | 1039 | 1245 | |||
| backgroundConnect | 265 | 203 | 624 | 104 | 243 | 567 | |||
| firstReactRender | 44 | 34 | 88 | 7 | 46 | 55 | |||
| getState | 194 | 146 | 309 | 34 | 206 | 272 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 849 | 695 | 1068 | 95 | 917 | 1031 | |||
| setupStore | 17 | 9 | 65 | 9 | 16 | 37 | |||
| numNetworkReqs | 70 | 58 | 200 | 18 | 67 | 104 | |||
| Webpack | Standard Home | uiStartup | 810 | 700 | 936 | 48 | 831 | 907 | |
| load | 630 | 561 | 797 | 51 | 667 | 718 | |||
| domContentLoaded | 626 | 557 | 792 | 51 | 662 | 715 | |||
| domInteractive | 20 | 14 | 45 | 7 | 22 | 38 | |||
| firstPaint | 236 | 100 | 694 | 173 | 204 | 659 | |||
| backgroundConnect | 11 | 5 | 56 | 9 | 11 | 30 | |||
| firstReactRender | 51 | 33 | 175 | 32 | 46 | 130 | |||
| getState | 24 | 13 | 57 | 10 | 32 | 44 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 1 | |||
| loadScripts | 623 | 555 | 790 | 50 | 659 | 713 | |||
| setupStore | 10 | 5 | 38 | 5 | 11 | 22 | |||
| numNetworkReqs | 8 | 6 | 33 | 7 | 6 | 29 | |||
| Webpack | Power User Home | uiStartup | 1472 | 1181 | 2185 | 173 | 1589 | 1749 | |
| load | 729 | 587 | 930 | 85 | 781 | 894 | |||
| domContentLoaded | 722 | 582 | 923 | 84 | 774 | 886 | |||
| domInteractive | 25 | 16 | 64 | 9 | 25 | 49 | |||
| firstPaint | 286 | 104 | 929 | 228 | 237 | 849 | |||
| backgroundConnect | 65 | 7 | 555 | 127 | 65 | 532 | |||
| firstReactRender | 48 | 39 | 68 | 5 | 49 | 59 | |||
| getState | 192 | 141 | 632 | 59 | 221 | 275 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 1 | |||
| loadScripts | 720 | 580 | 914 | 84 | 769 | 884 | |||
| setupStore | 15 | 9 | 50 | 8 | 14 | 36 | |||
| numNetworkReqs | 68 | 56 | 198 | 17 | 66 | 98 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1304 | 1111 | 1850 | 131 | 1379 | 1571 |
| load | 1071 | 952 | 1552 | 97 | 1104 | 1294 | |||
| domContentLoaded | 1070 | 948 | 1552 | 97 | 1104 | 1294 | |||
| domInteractive | 59 | 32 | 185 | 31 | 83 | 129 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 37 | 23 | 123 | 19 | 39 | 83 | |||
| firstReactRender | 35 | 30 | 61 | 6 | 36 | 51 | |||
| getState | 12 | 7 | 205 | 20 | 10 | 19 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 2 | |||
| loadScripts | 1046 | 937 | 1440 | 90 | 1076 | 1272 | |||
| setupStore | 10 | 6 | 36 | 4 | 10 | 21 | |||
| numNetworkReqs | 8 | 6 | 25 | 5 | 7 | 23 | |||
| Browserify | Power User Home | uiStartup | 2417 | 1597 | 3280 | 545 | 2912 | 3101 | |
| load | 1529 | 994 | 2290 | 467 | 2012 | 2154 | |||
| domContentLoaded | 1528 | 994 | 2289 | 468 | 2012 | 2154 | |||
| domInteractive | 94 | 35 | 938 | 145 | 75 | 240 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 129 | 25 | 1106 | 172 | 167 | 240 | |||
| firstReactRender | 50 | 36 | 100 | 9 | 54 | 64 | |||
| getState | 140 | 55 | 258 | 43 | 170 | 239 | |||
| initialActions | 4 | 1 | 37 | 8 | 2 | 33 | |||
| loadScripts | 1445 | 974 | 2133 | 427 | 1869 | 2065 | |||
| setupStore | 115 | 5 | 1017 | 209 | 109 | 358 | |||
| numNetworkReqs | 69 | 34 | 139 | 16 | 68 | 117 | |||
| Webpack | Standard Home | uiStartup | 1535 | 1340 | 1927 | 126 | 1580 | 1830 | |
| load | 1242 | 1107 | 1497 | 76 | 1302 | 1364 | |||
| domContentLoaded | 1241 | 1103 | 1497 | 76 | 1302 | 1364 | |||
| domInteractive | 50 | 27 | 130 | 25 | 65 | 98 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 43 | 18 | 139 | 21 | 47 | 99 | |||
| firstReactRender | 42 | 33 | 99 | 9 | 43 | 55 | |||
| getState | 19 | 9 | 166 | 26 | 16 | 52 | |||
| initialActions | 1 | 0 | 2 | 0 | 2 | 2 | |||
| loadScripts | 1219 | 1089 | 1472 | 74 | 1278 | 1339 | |||
| setupStore | 13 | 4 | 126 | 14 | 12 | 28 | |||
| numNetworkReqs | 8 | 6 | 26 | 6 | 7 | 25 | |||
| Webpack | Power User Home | uiStartup | 2801 | 1875 | 4129 | 563 | 3230 | 3496 | |
| load | 1859 | 1194 | 2587 | 489 | 2284 | 2440 | |||
| domContentLoaded | 1859 | 1194 | 2587 | 489 | 2283 | 2440 | |||
| domInteractive | 108 | 29 | 1072 | 211 | 70 | 957 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 180 | 26 | 1400 | 253 | 190 | 998 | |||
| firstReactRender | 53 | 36 | 92 | 11 | 57 | 86 | |||
| getState | 138 | 81 | 338 | 49 | 169 | 230 | |||
| initialActions | 2 | 0 | 7 | 1 | 2 | 3 | |||
| loadScripts | 1777 | 1170 | 2562 | 459 | 2181 | 2404 | |||
| setupStore | 68 | 4 | 1112 | 191 | 31 | 359 | |||
| numNetworkReqs | 71 | 56 | 121 | 16 | 71 | 111 |
📊 Page Load Benchmark Results
Current Commit: daf1c18 | Date: 12/8/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.03s (±39ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
- domContentLoaded-> current mean value: 722ms (±36ms) 🟢 | historical mean value: 730ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 77ms (±11ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.03s | 39ms | 1.01s | 1.34s | 1.06s | 1.34s |
| domContentLoaded | 722ms | 36ms | 702ms | 1.00s | 749ms | 1.00s |
| firstPaint | 77ms | 11ms | 64ms | 172ms | 88ms | 172ms |
| firstContentfulPaint | 77ms | 11ms | 64ms | 172ms | 88ms | 172ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: -139 Bytes (0%)
- common: 20 Bytes (0%)
Builds ready [60ecf9b]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1271 ± 90 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Standard Home | uiStartup | 1271 | 1028 | 1468 | 90 | 1332 | 1421 |
| load | 1043 | 877 | 1246 | 73 | 1090 | 1152 | |||
| domContentLoaded | 1037 | 873 | 1241 | 73 | 1083 | 1145 | |||
| domInteractive | 22 | 16 | 63 | 7 | 21 | 38 | |||
| firstPaint | 471 | 84 | 1136 | 395 | 1026 | 1099 | |||
| backgroundConnect | 218 | 194 | 283 | 13 | 222 | 244 | |||
| firstReactRender | 45 | 29 | 195 | 20 | 50 | 73 | |||
| getState | 36 | 17 | 109 | 18 | 39 | 90 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 2 | |||
| loadScripts | 826 | 665 | 1002 | 70 | 869 | 934 | |||
| setupStore | 12 | 5 | 25 | 4 | 13 | 19 | |||
| numNetworkReqs | 8 | 6 | 30 | 7 | 6 | 30 | |||
| Browserify | Power User Home | uiStartup | 1851 | 1511 | 2667 | 152 | 1933 | 2054 | |
| load | 1070 | 891 | 1289 | 103 | 1151 | 1228 | |||
| domContentLoaded | 1060 | 884 | 1277 | 103 | 1138 | 1217 | |||
| domInteractive | 25 | 16 | 70 | 11 | 26 | 53 | |||
| firstPaint | 643 | 121 | 1285 | 401 | 1060 | 1196 | |||
| backgroundConnect | 251 | 190 | 773 | 108 | 234 | 527 | |||
| firstReactRender | 45 | 36 | 72 | 6 | 48 | 56 | |||
| getState | 197 | 149 | 371 | 35 | 212 | 266 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 853 | 681 | 1080 | 103 | 927 | 1014 | |||
| setupStore | 14 | 8 | 40 | 6 | 14 | 30 | |||
| numNetworkReqs | 67 | 58 | 119 | 12 | 66 | 105 | |||
| Webpack | Standard Home | uiStartup | 835 | 707 | 1038 | 66 | 886 | 960 | |
| load | 658 | 568 | 829 | 67 | 702 | 796 | |||
| domContentLoaded | 652 | 565 | 823 | 67 | 697 | 786 | |||
| domInteractive | 21 | 15 | 57 | 7 | 20 | 37 | |||
| firstPaint | 260 | 83 | 828 | 207 | 218 | 683 | |||
| backgroundConnect | 11 | 5 | 30 | 8 | 12 | 29 | |||
| firstReactRender | 53 | 32 | 228 | 40 | 44 | 143 | |||
| getState | 23 | 13 | 49 | 9 | 28 | 43 | |||
| initialActions | 1 | 0 | 6 | 1 | 1 | 2 | |||
| loadScripts | 650 | 563 | 821 | 67 | 695 | 784 | |||
| setupStore | 10 | 5 | 35 | 4 | 10 | 18 | |||
| numNetworkReqs | 8 | 6 | 30 | 6 | 6 | 29 | |||
| Webpack | Power User Home | uiStartup | 1365 | 1106 | 2096 | 155 | 1425 | 1638 | |
| load | 679 | 565 | 952 | 80 | 728 | 834 | |||
| domContentLoaded | 673 | 560 | 943 | 79 | 719 | 825 | |||
| domInteractive | 23 | 15 | 57 | 9 | 23 | 48 | |||
| firstPaint | 275 | 108 | 838 | 195 | 253 | 731 | |||
| backgroundConnect | 47 | 6 | 557 | 67 | 81 | 114 | |||
| firstReactRender | 45 | 37 | 62 | 4 | 47 | 51 | |||
| getState | 177 | 142 | 281 | 31 | 190 | 235 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 1 | |||
| loadScripts | 670 | 558 | 936 | 78 | 717 | 823 | |||
| setupStore | 13 | 6 | 51 | 8 | 12 | 37 | |||
| numNetworkReqs | 67 | 56 | 205 | 18 | 65 | 104 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1316 | 1117 | 1832 | 143 | 1382 | 1660 |
| load | 1073 | 936 | 1492 | 108 | 1112 | 1331 | |||
| domContentLoaded | 1073 | 930 | 1492 | 108 | 1110 | 1331 | |||
| domInteractive | 58 | 32 | 173 | 29 | 84 | 123 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 44 | 23 | 317 | 35 | 48 | 102 | |||
| firstReactRender | 35 | 30 | 59 | 6 | 35 | 50 | |||
| getState | 10 | 7 | 28 | 5 | 10 | 23 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 1047 | 921 | 1469 | 103 | 1074 | 1310 | |||
| setupStore | 13 | 5 | 159 | 21 | 11 | 21 | |||
| numNetworkReqs | 8 | 6 | 25 | 5 | 7 | 23 | |||
| Browserify | Power User Home | uiStartup | 2609 | 1610 | 3438 | 529 | 3006 | 3233 | |
| load | 1555 | 947 | 2428 | 509 | 2053 | 2273 | |||
| domContentLoaded | 1555 | 947 | 2428 | 509 | 2053 | 2273 | |||
| domInteractive | 62 | 32 | 990 | 96 | 65 | 89 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 198 | 21 | 1183 | 284 | 195 | 1109 | |||
| firstReactRender | 53 | 35 | 99 | 12 | 57 | 81 | |||
| getState | 151 | 84 | 1111 | 108 | 175 | 249 | |||
| initialActions | 2 | 0 | 4 | 1 | 2 | 3 | |||
| loadScripts | 1454 | 931 | 2406 | 465 | 1914 | 2196 | |||
| setupStore | 87 | 5 | 1121 | 216 | 47 | 396 | |||
| numNetworkReqs | 69 | 55 | 109 | 12 | 72 | 99 | |||
| Webpack | Standard Home | uiStartup | 1536 | 1295 | 1972 | 134 | 1605 | 1841 | |
| load | 1241 | 1078 | 1491 | 70 | 1285 | 1349 | |||
| domContentLoaded | 1240 | 1078 | 1491 | 70 | 1285 | 1349 | |||
| domInteractive | 67 | 28 | 180 | 35 | 86 | 133 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 45 | 18 | 154 | 29 | 45 | 120 | |||
| firstReactRender | 41 | 33 | 98 | 10 | 43 | 54 | |||
| getState | 20 | 9 | 162 | 26 | 17 | 52 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1216 | 1063 | 1465 | 67 | 1254 | 1331 | |||
| setupStore | 16 | 6 | 190 | 23 | 12 | 64 | |||
| numNetworkReqs | 8 | 6 | 26 | 5 | 8 | 24 | |||
| Webpack | Power User Home | uiStartup | 2860 | 1800 | 3916 | 579 | 3275 | 3555 | |
| load | 1928 | 1170 | 3016 | 523 | 2347 | 2606 | |||
| domContentLoaded | 1927 | 1170 | 3015 | 523 | 2346 | 2605 | |||
| domInteractive | 92 | 27 | 1022 | 182 | 75 | 132 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 176 | 26 | 1207 | 255 | 184 | 1120 | |||
| firstReactRender | 53 | 39 | 92 | 10 | 56 | 83 | |||
| getState | 141 | 80 | 298 | 47 | 173 | 243 | |||
| initialActions | 2 | 0 | 7 | 1 | 2 | 3 | |||
| loadScripts | 1811 | 1100 | 2853 | 505 | 2257 | 2455 | |||
| setupStore | 60 | 5 | 1111 | 164 | 25 | 278 | |||
| numNetworkReqs | 71 | 58 | 116 | 14 | 79 | 99 |
📊 Page Load Benchmark Results
Current Commit: 60ecf9b | Date: 12/8/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.03s (±53ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
- domContentLoaded-> current mean value: 720ms (±51ms) 🟢 | historical mean value: 731ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 78ms (±31ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.03s | 53ms | 1.00s | 1.50s | 1.06s | 1.50s |
| domContentLoaded | 720ms | 51ms | 694ms | 1.17s | 744ms | 1.17s |
| firstPaint | 78ms | 31ms | 60ms | 380ms | 88ms | 380ms |
| firstContentfulPaint | 78ms | 31ms | 60ms | 380ms | 88ms | 380ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: -141 Bytes (0%)
- common: 20 Bytes (0%)
Builds ready [6bf3dde]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1268 ± 85 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Standard Home | uiStartup | 1268 | 1047 | 1508 | 85 | 1328 | 1401 |
| load | 1034 | 882 | 1248 | 71 | 1088 | 1128 | |||
| domContentLoaded | 1027 | 879 | 1238 | 70 | 1080 | 1121 | |||
| domInteractive | 23 | 17 | 58 | 8 | 23 | 40 | |||
| firstPaint | 520 | 94 | 1202 | 410 | 1041 | 1124 | |||
| backgroundConnect | 217 | 198 | 255 | 12 | 223 | 242 | |||
| firstReactRender | 50 | 34 | 184 | 21 | 57 | 78 | |||
| getState | 35 | 16 | 101 | 12 | 41 | 55 | |||
| initialActions | 1 | 0 | 6 | 1 | 1 | 3 | |||
| loadScripts | 817 | 671 | 1021 | 68 | 861 | 916 | |||
| setupStore | 12 | 6 | 49 | 6 | 13 | 24 | |||
| numNetworkReqs | 8 | 6 | 31 | 6 | 6 | 29 | |||
| Browserify | Power User Home | uiStartup | 1839 | 1524 | 2117 | 120 | 1912 | 2021 | |
| load | 1046 | 866 | 1251 | 111 | 1136 | 1220 | |||
| domContentLoaded | 1036 | 859 | 1241 | 111 | 1129 | 1212 | |||
| domInteractive | 24 | 16 | 59 | 9 | 26 | 47 | |||
| firstPaint | 665 | 109 | 1253 | 416 | 1072 | 1205 | |||
| backgroundConnect | 262 | 188 | 683 | 120 | 226 | 562 | |||
| firstReactRender | 49 | 37 | 96 | 9 | 50 | 69 | |||
| getState | 199 | 147 | 699 | 58 | 211 | 255 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 833 | 670 | 1028 | 109 | 933 | 1000 | |||
| setupStore | 13 | 8 | 34 | 5 | 13 | 25 | |||
| numNetworkReqs | 67 | 57 | 116 | 15 | 66 | 110 | |||
| Webpack | Standard Home | uiStartup | 859 | 728 | 1076 | 62 | 890 | 950 | |
| load | 662 | 586 | 845 | 56 | 702 | 766 | |||
| domContentLoaded | 657 | 580 | 837 | 56 | 696 | 756 | |||
| domInteractive | 22 | 16 | 46 | 7 | 23 | 39 | |||
| firstPaint | 251 | 89 | 765 | 190 | 212 | 702 | |||
| backgroundConnect | 13 | 6 | 76 | 10 | 13 | 33 | |||
| firstReactRender | 63 | 34 | 250 | 47 | 68 | 156 | |||
| getState | 25 | 13 | 60 | 10 | 30 | 50 | |||
| initialActions | 1 | 0 | 8 | 1 | 1 | 1 | |||
| loadScripts | 654 | 578 | 835 | 56 | 694 | 753 | |||
| setupStore | 11 | 4 | 37 | 6 | 13 | 24 | |||
| numNetworkReqs | 8 | 6 | 33 | 6 | 6 | 30 | |||
| Webpack | Power User Home | uiStartup | 1512 | 1217 | 1864 | 153 | 1663 | 1740 | |
| load | 776 | 614 | 972 | 98 | 878 | 938 | |||
| domContentLoaded | 767 | 607 | 964 | 96 | 867 | 929 | |||
| domInteractive | 29 | 18 | 174 | 17 | 28 | 51 | |||
| firstPaint | 291 | 98 | 938 | 221 | 265 | 815 | |||
| backgroundConnect | 34 | 7 | 537 | 79 | 21 | 115 | |||
| firstReactRender | 51 | 43 | 68 | 5 | 53 | 64 | |||
| getState | 207 | 150 | 355 | 40 | 237 | 267 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 1 | |||
| loadScripts | 764 | 605 | 954 | 96 | 864 | 926 | |||
| setupStore | 15 | 8 | 40 | 6 | 15 | 34 | |||
| numNetworkReqs | 67 | 57 | 104 | 11 | 66 | 99 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1295 | 1123 | 1692 | 116 | 1367 | 1499 |
| load | 1063 | 954 | 1527 | 94 | 1105 | 1266 | |||
| domContentLoaded | 1063 | 954 | 1527 | 94 | 1105 | 1266 | |||
| domInteractive | 59 | 30 | 244 | 33 | 79 | 133 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 41 | 23 | 181 | 25 | 45 | 90 | |||
| firstReactRender | 38 | 31 | 77 | 9 | 38 | 64 | |||
| getState | 10 | 7 | 67 | 6 | 10 | 16 | |||
| initialActions | 1 | 0 | 2 | 1 | 2 | 2 | |||
| loadScripts | 1035 | 937 | 1429 | 83 | 1068 | 1165 | |||
| setupStore | 10 | 6 | 55 | 6 | 10 | 20 | |||
| numNetworkReqs | 8 | 6 | 26 | 5 | 7 | 24 | |||
| Browserify | Power User Home | uiStartup | 2602 | 1628 | 3899 | 587 | 3083 | 3330 | |
| load | 1610 | 947 | 2586 | 543 | 2137 | 2368 | |||
| domContentLoaded | 1609 | 947 | 2586 | 543 | 2137 | 2367 | |||
| domInteractive | 159 | 30 | 1181 | 295 | 84 | 1039 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 178 | 23 | 1190 | 247 | 175 | 1032 | |||
| firstReactRender | 56 | 37 | 103 | 14 | 60 | 94 | |||
| getState | 144 | 74 | 377 | 55 | 164 | 221 | |||
| initialActions | 3 | 0 | 46 | 6 | 2 | 7 | |||
| loadScripts | 1519 | 928 | 2366 | 509 | 2018 | 2281 | |||
| setupStore | 78 | 4 | 1112 | 211 | 40 | 290 | |||
| numNetworkReqs | 68 | 50 | 120 | 14 | 67 | 115 | |||
| Webpack | Standard Home | uiStartup | 1527 | 1311 | 1979 | 134 | 1600 | 1808 | |
| load | 1238 | 1074 | 1472 | 81 | 1300 | 1394 | |||
| domContentLoaded | 1237 | 1073 | 1472 | 81 | 1300 | 1394 | |||
| domInteractive | 56 | 27 | 230 | 32 | 79 | 117 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 43 | 18 | 175 | 23 | 48 | 96 | |||
| firstReactRender | 40 | 33 | 55 | 5 | 42 | 53 | |||
| getState | 20 | 7 | 198 | 33 | 14 | 119 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1212 | 1060 | 1457 | 81 | 1274 | 1366 | |||
| setupStore | 14 | 6 | 169 | 20 | 12 | 28 | |||
| numNetworkReqs | 8 | 6 | 25 | 5 | 8 | 24 | |||
| Webpack | Power User Home | uiStartup | 2753 | 1767 | 4164 | 581 | 3185 | 3588 | |
| load | 1819 | 1136 | 3250 | 528 | 2325 | 2500 | |||
| domContentLoaded | 1819 | 1135 | 3250 | 528 | 2325 | 2500 | |||
| domInteractive | 165 | 29 | 1718 | 316 | 90 | 1040 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 172 | 28 | 1189 | 266 | 170 | 1019 | |||
| firstReactRender | 56 | 40 | 113 | 13 | 59 | 88 | |||
| getState | 135 | 60 | 293 | 51 | 166 | 233 | |||
| initialActions | 1 | 0 | 7 | 1 | 2 | 2 | |||
| loadScripts | 1745 | 1081 | 3229 | 503 | 2221 | 2400 | |||
| setupStore | 40 | 4 | 1102 | 120 | 23 | 156 | |||
| numNetworkReqs | 71 | 57 | 119 | 14 | 75 | 103 |
📊 Page Load Benchmark Results
Current Commit: 6bf3dde | Date: 12/8/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.03s (±35ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
- domContentLoaded-> current mean value: 719ms (±32ms) 🟢 | historical mean value: 734ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 76ms (±12ms) 🟢 | historical mean value: 79ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.03s | 35ms | 1.00s | 1.29s | 1.05s | 1.29s |
| domContentLoaded | 719ms | 32ms | 696ms | 963ms | 730ms | 963ms |
| firstPaint | 76ms | 12ms | 60ms | 180ms | 88ms | 180ms |
| firstContentfulPaint | 76ms | 12ms | 60ms | 180ms | 88ms | 180ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: -141 Bytes (0%)
- common: 20 Bytes (0%)
Builds ready [3e83bd8]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1279 ± 98 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Standard Home | uiStartup | 1279 | 1044 | 1474 | 98 | 1357 | 1412 |
| load | 1043 | 856 | 1211 | 80 | 1095 | 1164 | |||
| domContentLoaded | 1036 | 848 | 1200 | 79 | 1086 | 1159 | |||
| domInteractive | 26 | 15 | 97 | 20 | 22 | 83 | |||
| firstPaint | 533 | 80 | 1211 | 398 | 1039 | 1124 | |||
| backgroundConnect | 215 | 199 | 261 | 12 | 221 | 243 | |||
| firstReactRender | 45 | 31 | 88 | 13 | 48 | 71 | |||
| getState | 34 | 17 | 115 | 16 | 42 | 63 | |||
| initialActions | 1 | 0 | 7 | 1 | 1 | 3 | |||
| loadScripts | 828 | 656 | 994 | 76 | 876 | 950 | |||
| setupStore | 11 | 7 | 36 | 4 | 12 | 19 | |||
| numNetworkReqs | 14 | 6 | 76 | 20 | 6 | 73 | |||
| Browserify | Power User Home | uiStartup | 1918 | 1582 | 2628 | 177 | 2007 | 2234 | |
| load | 1082 | 881 | 1440 | 127 | 1194 | 1272 | |||
| domContentLoaded | 1073 | 875 | 1431 | 127 | 1184 | 1267 | |||
| domInteractive | 32 | 17 | 244 | 31 | 27 | 104 | |||
| firstPaint | 590 | 112 | 1353 | 420 | 1052 | 1249 | |||
| backgroundConnect | 249 | 196 | 723 | 98 | 230 | 565 | |||
| firstReactRender | 48 | 39 | 73 | 7 | 49 | 65 | |||
| getState | 199 | 143 | 720 | 63 | 213 | 272 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 2 | |||
| loadScripts | 859 | 679 | 1169 | 122 | 970 | 1042 | |||
| setupStore | 15 | 7 | 51 | 8 | 14 | 36 | |||
| numNetworkReqs | 71 | 49 | 211 | 23 | 67 | 133 | |||
| Webpack | Standard Home | uiStartup | 871 | 715 | 1172 | 94 | 929 | 1043 | |
| load | 670 | 573 | 878 | 78 | 730 | 812 | |||
| domContentLoaded | 664 | 569 | 869 | 77 | 724 | 807 | |||
| domInteractive | 27 | 15 | 114 | 21 | 23 | 89 | |||
| firstPaint | 215 | 83 | 790 | 142 | 209 | 603 | |||
| backgroundConnect | 13 | 6 | 50 | 8 | 15 | 30 | |||
| firstReactRender | 51 | 33 | 186 | 33 | 49 | 146 | |||
| getState | 28 | 15 | 98 | 12 | 35 | 49 | |||
| initialActions | 1 | 0 | 4 | 1 | 1 | 2 | |||
| loadScripts | 661 | 567 | 867 | 76 | 722 | 800 | |||
| setupStore | 11 | 6 | 32 | 4 | 13 | 17 | |||
| numNetworkReqs | 14 | 6 | 80 | 20 | 6 | 72 | |||
| Webpack | Power User Home | uiStartup | 1452 | 1111 | 1868 | 165 | 1567 | 1739 | |
| load | 694 | 566 | 960 | 98 | 762 | 870 | |||
| domContentLoaded | 687 | 561 | 952 | 97 | 757 | 860 | |||
| domInteractive | 28 | 16 | 109 | 22 | 24 | 101 | |||
| firstPaint | 265 | 91 | 875 | 191 | 245 | 800 | |||
| backgroundConnect | 66 | 7 | 595 | 126 | 66 | 520 | |||
| firstReactRender | 49 | 38 | 85 | 6 | 50 | 57 | |||
| getState | 216 | 144 | 671 | 114 | 225 | 627 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 684 | 559 | 950 | 97 | 755 | 858 | |||
| setupStore | 13 | 6 | 36 | 7 | 13 | 33 | |||
| numNetworkReqs | 72 | 57 | 220 | 28 | 66 | 134 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1789 | 1370 | 2888 | 256 | 1901 | 2372 |
| load | 1402 | 1158 | 2427 | 156 | 1491 | 1608 | |||
| domContentLoaded | 1402 | 1157 | 2427 | 156 | 1491 | 1608 | |||
| domInteractive | 95 | 37 | 362 | 54 | 127 | 186 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 91 | 26 | 408 | 71 | 125 | 263 | |||
| firstReactRender | 51 | 36 | 103 | 13 | 53 | 86 | |||
| getState | 24 | 8 | 268 | 36 | 17 | 101 | |||
| initialActions | 2 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1352 | 1135 | 2294 | 140 | 1424 | 1537 | |||
| setupStore | 22 | 5 | 201 | 31 | 17 | 99 | |||
| numNetworkReqs | 15 | 6 | 79 | 20 | 12 | 73 | |||
| Browserify | Power User Home | uiStartup | 2783 | 1636 | 3820 | 589 | 3227 | 3686 | |
| load | 1763 | 1031 | 2776 | 540 | 2241 | 2556 | |||
| domContentLoaded | 1763 | 1031 | 2776 | 540 | 2241 | 2556 | |||
| domInteractive | 235 | 33 | 1068 | 337 | 243 | 1006 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 219 | 25 | 1126 | 235 | 246 | 996 | |||
| firstReactRender | 59 | 38 | 105 | 14 | 64 | 95 | |||
| getState | 138 | 78 | 278 | 42 | 163 | 221 | |||
| initialActions | 3 | 1 | 50 | 8 | 2 | 7 | |||
| loadScripts | 1677 | 1014 | 2752 | 514 | 2139 | 2463 | |||
| setupStore | 39 | 5 | 405 | 64 | 34 | 157 | |||
| numNetworkReqs | 73 | 54 | 133 | 22 | 67 | 127 | |||
| Webpack | Standard Home | uiStartup | 1584 | 1276 | 2017 | 147 | 1664 | 1839 | |
| load | 1278 | 1076 | 1499 | 105 | 1339 | 1462 | |||
| domContentLoaded | 1278 | 1076 | 1499 | 105 | 1338 | 1462 | |||
| domInteractive | 60 | 26 | 216 | 40 | 86 | 131 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 53 | 17 | 181 | 32 | 56 | 134 | |||
| firstReactRender | 41 | 32 | 86 | 8 | 42 | 55 | |||
| getState | 16 | 7 | 104 | 15 | 15 | 50 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1248 | 1060 | 1474 | 95 | 1311 | 1410 | |||
| setupStore | 17 | 6 | 152 | 21 | 13 | 68 | |||
| numNetworkReqs | 16 | 6 | 89 | 22 | 8 | 78 | |||
| Webpack | Power User Home | uiStartup | 2749 | 1805 | 3737 | 519 | 3176 | 3409 | |
| load | 1862 | 1135 | 2585 | 480 | 2321 | 2548 | |||
| domContentLoaded | 1862 | 1135 | 2585 | 480 | 2321 | 2548 | |||
| domInteractive | 283 | 30 | 1020 | 379 | 259 | 995 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 155 | 25 | 957 | 179 | 206 | 389 | |||
| firstReactRender | 55 | 38 | 130 | 13 | 59 | 71 | |||
| getState | 130 | 76 | 263 | 50 | 168 | 223 | |||
| initialActions | 2 | 0 | 7 | 1 | 2 | 3 | |||
| loadScripts | 1798 | 1120 | 2558 | 468 | 2263 | 2431 | |||
| setupStore | 30 | 5 | 321 | 46 | 31 | 127 | |||
| numNetworkReqs | 73 | 49 | 128 | 22 | 69 | 123 |
📊 Page Load Benchmark Results
Current Commit: 3e83bd8 | Date: 12/9/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.04s (±38ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
- domContentLoaded-> current mean value: 727ms (±36ms) 🟢 | historical mean value: 736ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 77ms (±11ms) 🟢 | historical mean value: 80ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.04s | 38ms | 1.02s | 1.33s | 1.08s | 1.33s |
| domContentLoaded | 727ms | 36ms | 705ms | 992ms | 758ms | 992ms |
| firstPaint | 77ms | 11ms | 60ms | 168ms | 88ms | 168ms |
| firstContentfulPaint | 77ms | 11ms | 60ms | 168ms | 88ms | 168ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 2.36 KiB (0.04%)
- ui: 1.3 KiB (0.02%)
- common: 8.97 KiB (0.1%)
Builds ready [6b794b7]
- builds: chrome, firefox
- builds (beta): chrome, firefox
- builds (flask): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- bundle size: Bundle Size Stats
- user-actions-benchmark: User Actions Stats
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
UI Startup Metrics (1245 ± 99 ms)
| Platform | BuildType | Page | Metric | Mean (ms) | Min (ms) | Max (ms) | Std Dev (ms) | P 75 (ms) | P 95 (ms) |
|---|---|---|---|---|---|---|---|---|---|
| Chrome | Browserify | Standard Home | uiStartup | 1245 | 1030 | 1525 | 99 | 1310 | 1409 |
| load | 1020 | 854 | 1219 | 81 | 1066 | 1160 | |||
| domContentLoaded | 1014 | 848 | 1216 | 80 | 1061 | 1145 | |||
| domInteractive | 25 | 15 | 99 | 18 | 22 | 75 | |||
| firstPaint | 522 | 85 | 1209 | 401 | 1007 | 1137 | |||
| backgroundConnect | 214 | 197 | 254 | 12 | 221 | 243 | |||
| firstReactRender | 47 | 31 | 176 | 17 | 55 | 70 | |||
| getState | 40 | 17 | 125 | 18 | 49 | 77 | |||
| initialActions | 1 | 0 | 7 | 1 | 1 | 3 | |||
| loadScripts | 806 | 647 | 998 | 77 | 851 | 937 | |||
| setupStore | 12 | 7 | 40 | 5 | 14 | 24 | |||
| numNetworkReqs | 13 | 6 | 81 | 19 | 6 | 68 | |||
| Browserify | Power User Home | uiStartup | 1919 | 1588 | 2873 | 190 | 1993 | 2262 | |
| load | 1087 | 896 | 1696 | 136 | 1174 | 1286 | |||
| domContentLoaded | 1077 | 891 | 1688 | 136 | 1165 | 1278 | |||
| domInteractive | 32 | 16 | 211 | 30 | 27 | 89 | |||
| firstPaint | 509 | 100 | 1547 | 406 | 986 | 1216 | |||
| backgroundConnect | 255 | 195 | 665 | 102 | 233 | 572 | |||
| firstReactRender | 47 | 39 | 77 | 6 | 49 | 60 | |||
| getState | 201 | 144 | 767 | 82 | 215 | 277 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 863 | 683 | 1391 | 130 | 951 | 1053 | |||
| setupStore | 15 | 7 | 52 | 7 | 15 | 35 | |||
| numNetworkReqs | 71 | 59 | 207 | 22 | 67 | 131 | |||
| Webpack | Standard Home | uiStartup | 819 | 675 | 1028 | 85 | 901 | 979 | |
| load | 659 | 567 | 869 | 76 | 697 | 808 | |||
| domContentLoaded | 654 | 562 | 859 | 75 | 692 | 803 | |||
| domInteractive | 26 | 16 | 125 | 20 | 22 | 82 | |||
| firstPaint | 245 | 73 | 781 | 171 | 225 | 669 | |||
| backgroundConnect | 11 | 5 | 48 | 7 | 12 | 29 | |||
| firstReactRender | 56 | 33 | 186 | 34 | 60 | 138 | |||
| getState | 30 | 14 | 123 | 15 | 37 | 52 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 651 | 560 | 856 | 74 | 690 | 795 | |||
| setupStore | 11 | 6 | 31 | 5 | 12 | 21 | |||
| numNetworkReqs | 13 | 6 | 80 | 20 | 6 | 73 | |||
| Webpack | Power User Home | uiStartup | 1430 | 1098 | 1748 | 173 | 1602 | 1709 | |
| load | 749 | 588 | 945 | 96 | 841 | 894 | |||
| domContentLoaded | 741 | 579 | 939 | 95 | 833 | 884 | |||
| domInteractive | 31 | 18 | 137 | 26 | 27 | 104 | |||
| firstPaint | 315 | 90 | 886 | 225 | 314 | 857 | |||
| backgroundConnect | 64 | 7 | 590 | 136 | 27 | 536 | |||
| firstReactRender | 50 | 40 | 82 | 6 | 52 | 62 | |||
| getState | 201 | 90 | 682 | 68 | 228 | 325 | |||
| initialActions | 1 | 0 | 3 | 0 | 1 | 1 | |||
| loadScripts | 738 | 576 | 936 | 94 | 828 | 882 | |||
| setupStore | 17 | 6 | 45 | 9 | 16 | 37 | |||
| numNetworkReqs | 70 | 58 | 143 | 21 | 67 | 136 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1345 | 1097 | 2262 | 216 | 1431 | 1803 |
| load | 1072 | 923 | 1927 | 130 | 1107 | 1294 | |||
| domContentLoaded | 1072 | 923 | 1927 | 130 | 1106 | 1294 | |||
| domInteractive | 70 | 30 | 822 | 82 | 84 | 135 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 58 | 21 | 332 | 57 | 60 | 189 | |||
| firstReactRender | 37 | 30 | 72 | 8 | 38 | 59 | |||
| getState | 21 | 6 | 863 | 86 | 11 | 35 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1046 | 906 | 1860 | 119 | 1085 | 1244 | |||
| setupStore | 15 | 6 | 170 | 23 | 11 | 41 | |||
| numNetworkReqs | 15 | 6 | 84 | 21 | 7 | 76 | |||
| Browserify | Power User Home | uiStartup | 2550 | 1562 | 3615 | 475 | 2855 | 3306 | |
| load | 1571 | 961 | 2338 | 440 | 1927 | 2207 | |||
| domContentLoaded | 1570 | 961 | 2338 | 440 | 1926 | 2206 | |||
| domInteractive | 96 | 34 | 1022 | 158 | 92 | 284 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 198 | 26 | 1541 | 261 | 194 | 1027 | |||
| firstReactRender | 55 | 38 | 130 | 12 | 59 | 75 | |||
| getState | 128 | 58 | 1024 | 98 | 142 | 211 | |||
| initialActions | 2 | 1 | 8 | 1 | 3 | 3 | |||
| loadScripts | 1459 | 946 | 2249 | 407 | 1801 | 2134 | |||
| setupStore | 65 | 5 | 971 | 125 | 53 | 301 | |||
| numNetworkReqs | 75 | 56 | 159 | 26 | 67 | 135 | |||
| Webpack | Standard Home | uiStartup | 1600 | 1309 | 2293 | 182 | 1682 | 1956 | |
| load | 1312 | 1123 | 1789 | 131 | 1376 | 1588 | |||
| domContentLoaded | 1312 | 1123 | 1789 | 131 | 1376 | 1588 | |||
| domInteractive | 68 | 30 | 143 | 34 | 88 | 132 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 59 | 22 | 161 | 34 | 80 | 132 | |||
| firstReactRender | 43 | 33 | 83 | 9 | 48 | 60 | |||
| getState | 18 | 7 | 142 | 23 | 15 | 88 | |||
| initialActions | 1 | 0 | 4 | 1 | 2 | 2 | |||
| loadScripts | 1280 | 1097 | 1733 | 123 | 1352 | 1521 | |||
| setupStore | 19 | 5 | 133 | 22 | 16 | 82 | |||
| numNetworkReqs | 15 | 6 | 84 | 21 | 9 | 74 | |||
| Webpack | Power User Home | uiStartup | 2795 | 1792 | 4069 | 543 | 3157 | 3714 | |
| load | 1920 | 1178 | 2957 | 449 | 2248 | 2476 | |||
| domContentLoaded | 1920 | 1178 | 2957 | 450 | 2248 | 2476 | |||
| domInteractive | 135 | 28 | 1064 | 235 | 94 | 943 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 206 | 23 | 978 | 219 | 228 | 932 | |||
| firstReactRender | 58 | 39 | 135 | 17 | 60 | 109 | |||
| getState | 138 | 61 | 992 | 97 | 156 | 225 | |||
| initialActions | 3 | 0 | 32 | 4 | 2 | 7 | |||
| loadScripts | 1821 | 1153 | 2687 | 421 | 2140 | 2433 | |||
| setupStore | 33 | 5 | 322 | 51 | 36 | 141 | |||
| numNetworkReqs | 74 | 49 | 148 | 21 | 82 | 120 |
📊 Page Load Benchmark Results
Current Commit: 6b794b7 | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.04s (±40ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
- domContentLoaded-> current mean value: 725ms (±36ms) 🟢 | historical mean value: 720ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 77ms (±12ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.04s | 40ms | 1.02s | 1.33s | 1.07s | 1.33s |
| domContentLoaded | 725ms | 36ms | 702ms | 991ms | 744ms | 991ms |
| firstPaint | 77ms | 12ms | 60ms | 180ms | 88ms | 180ms |
| firstContentfulPaint | 77ms | 12ms | 60ms | 180ms | 88ms | 180ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 6.34 KiB (0.12%)
- ui: -18.29 KiB (-0.24%)
- common: 8.13 KiB (0.09%)