feat: cp-13.13.0 added pna25 modal
This PR is to update pna25 toast to a modal
Description
Changelog
CHANGELOG entry: pna25 toast changed to modal
Related issues
Fixes: issue
Manual testing steps
- To see the component, look for pna25 in storybook
- For new users, it shouldn't show up
- For existing users, it should show up, modal should go away when click outside of modal, close icon and accept and close
- On click of settings button, it should redirect to settings page and close the modal
Screenshots/Recordings
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] Replaces the PNA25 analytics toast with a gated modal, adds metrics event and i18n strings, wires it into Home, and removes the legacy banner.
- UI:
- New modal
ui/components/app/modals/pna25-modalwith blog link, "Open settings" and "Accept and close" actions; auto-acknowledges on first view and tracks actions.- Integrated modal display into
ui/pages/home/home.component.js(gated by existing modal priorities); Storybook added.- State/Selectors:
- Replace
selectShowPna25BannerwithselectShowPna25Modaland use it inhome.container.js.- Toasts:
- Remove legacy PNA25 banner from
toast-master.js.- Metrics:
- Add
MetaMetricsEventName.NoticeUpdateDisplayedfor modal action tracking.- i18n:
- Add/update strings:
acceptAndClose,openSettings,pna25Modal*; removepna25BannerTitleinapp/_locales/en*.- Tests:
- Update routes test state to include rewards onboarding flag to avoid modal conflicts.
Written by Cursor Bugbot for commit c634125cb8d6df735788060284a5a022b89bcf12. This will update automatically on new commits. Configure here.
✨ Files requiring CODEOWNER review ✨
👨🔧 @MetaMask/core-extension-ux (2 files, +22 -0)
- 📁 ui/
- 📁 pages/
- 📁 home/
- 📄
home.component.js+18 -0 - 📄
home.container.js+4 -0
- 📄
- 📁 home/
- 📁 pages/
Builds ready [0935d74]
- 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 (1295 ± 123 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 | 1295 | 1049 | 1779 | 123 | 1360 | 1517 |
| load | 1062 | 859 | 1465 | 107 | 1110 | 1262 | |||
| domContentLoaded | 1055 | 854 | 1458 | 106 | 1101 | 1252 | |||
| domInteractive | 27 | 15 | 136 | 22 | 22 | 84 | |||
| firstPaint | 503 | 101 | 1349 | 392 | 1020 | 1145 | |||
| backgroundConnect | 219 | 196 | 257 | 14 | 226 | 248 | |||
| firstReactRender | 44 | 32 | 132 | 14 | 45 | 76 | |||
| getState | 35 | 18 | 99 | 14 | 41 | 60 | |||
| initialActions | 1 | 0 | 6 | 1 | 1 | 2 | |||
| loadScripts | 843 | 651 | 1220 | 100 | 889 | 1029 | |||
| setupStore | 11 | 7 | 21 | 3 | 12 | 17 | |||
| numNetworkReqs | 14 | 6 | 84 | 21 | 6 | 77 | |||
| Browserify | Power User Home | uiStartup | 1907 | 1556 | 2373 | 163 | 1977 | 2272 | |
| load | 1086 | 886 | 1490 | 130 | 1179 | 1339 | |||
| domContentLoaded | 1075 | 881 | 1483 | 129 | 1164 | 1320 | |||
| domInteractive | 30 | 17 | 117 | 22 | 27 | 93 | |||
| firstPaint | 567 | 90 | 1389 | 420 | 1030 | 1259 | |||
| backgroundConnect | 256 | 202 | 714 | 100 | 239 | 578 | |||
| firstReactRender | 47 | 39 | 70 | 5 | 49 | 59 | |||
| getState | 221 | 145 | 744 | 126 | 214 | 686 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 861 | 677 | 1271 | 128 | 947 | 1107 | |||
| setupStore | 15 | 7 | 51 | 7 | 14 | 31 | |||
| numNetworkReqs | 71 | 58 | 141 | 18 | 68 | 124 | |||
| Webpack | Standard Home | uiStartup | 821 | 681 | 1121 | 84 | 870 | 981 | |
| load | 659 | 574 | 900 | 76 | 702 | 816 | |||
| domContentLoaded | 653 | 568 | 894 | 75 | 698 | 810 | |||
| domInteractive | 27 | 15 | 114 | 20 | 23 | 85 | |||
| firstPaint | 230 | 79 | 810 | 153 | 235 | 635 | |||
| backgroundConnect | 11 | 6 | 62 | 7 | 12 | 28 | |||
| firstReactRender | 51 | 33 | 203 | 27 | 59 | 123 | |||
| getState | 29 | 15 | 58 | 11 | 37 | 52 | |||
| initialActions | 1 | 0 | 4 | 1 | 1 | 2 | |||
| loadScripts | 650 | 566 | 891 | 75 | 695 | 803 | |||
| setupStore | 15 | 6 | 214 | 21 | 16 | 32 | |||
| numNetworkReqs | 14 | 6 | 79 | 20 | 6 | 73 | |||
| Webpack | Power User Home | uiStartup | 1407 | 1114 | 2214 | 204 | 1584 | 1735 | |
| load | 731 | 597 | 987 | 102 | 832 | 916 | |||
| domContentLoaded | 724 | 588 | 961 | 101 | 825 | 906 | |||
| domInteractive | 31 | 17 | 130 | 25 | 26 | 105 | |||
| firstPaint | 274 | 96 | 990 | 206 | 264 | 720 | |||
| backgroundConnect | 67 | 8 | 629 | 133 | 41 | 547 | |||
| firstReactRender | 49 | 41 | 72 | 5 | 51 | 60 | |||
| getState | 205 | 142 | 753 | 105 | 197 | 333 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 1 | |||
| loadScripts | 721 | 586 | 953 | 100 | 821 | 904 | |||
| setupStore | 16 | 6 | 52 | 8 | 14 | 34 | |||
| numNetworkReqs | 71 | 57 | 135 | 20 | 67 | 129 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1301 | 1059 | 1995 | 191 | 1372 | 1771 |
| load | 1049 | 903 | 1445 | 102 | 1112 | 1268 | |||
| domContentLoaded | 1049 | 902 | 1445 | 103 | 1112 | 1266 | |||
| domInteractive | 59 | 31 | 246 | 34 | 81 | 120 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 58 | 19 | 374 | 63 | 68 | 204 | |||
| firstReactRender | 36 | 29 | 66 | 6 | 38 | 49 | |||
| getState | 12 | 7 | 91 | 10 | 11 | 27 | |||
| initialActions | 1 | 0 | 4 | 1 | 2 | 2 | |||
| loadScripts | 1018 | 886 | 1350 | 87 | 1078 | 1154 | |||
| setupStore | 17 | 6 | 162 | 28 | 12 | 47 | |||
| numNetworkReqs | 16 | 6 | 82 | 21 | 7 | 76 | |||
| Browserify | Power User Home | uiStartup | 2637 | 1666 | 3981 | 549 | 3054 | 3375 | |
| load | 1673 | 962 | 2673 | 509 | 2089 | 2398 | |||
| domContentLoaded | 1673 | 962 | 2672 | 509 | 2089 | 2398 | |||
| domInteractive | 108 | 30 | 1058 | 195 | 87 | 373 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 199 | 19 | 1172 | 223 | 215 | 923 | |||
| firstReactRender | 55 | 38 | 96 | 12 | 60 | 80 | |||
| getState | 127 | 68 | 358 | 46 | 150 | 219 | |||
| initialActions | 3 | 1 | 40 | 6 | 2 | 6 | |||
| loadScripts | 1570 | 944 | 2498 | 469 | 1966 | 2322 | |||
| setupStore | 52 | 5 | 434 | 87 | 40 | 306 | |||
| numNetworkReqs | 75 | 50 | 134 | 19 | 85 | 114 | |||
| Webpack | Standard Home | uiStartup | 1569 | 1318 | 2112 | 174 | 1628 | 1982 | |
| load | 1299 | 1124 | 1608 | 106 | 1349 | 1520 | |||
| domContentLoaded | 1299 | 1124 | 1608 | 106 | 1349 | 1520 | |||
| domInteractive | 76 | 28 | 233 | 41 | 111 | 140 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 55 | 19 | 177 | 38 | 52 | 150 | |||
| firstReactRender | 44 | 34 | 102 | 11 | 48 | 59 | |||
| getState | 19 | 7 | 173 | 26 | 15 | 79 | |||
| initialActions | 1 | 1 | 3 | 0 | 2 | 2 | |||
| loadScripts | 1270 | 1091 | 1576 | 100 | 1327 | 1446 | |||
| setupStore | 17 | 6 | 118 | 19 | 15 | 66 | |||
| numNetworkReqs | 16 | 6 | 83 | 22 | 8 | 77 | |||
| Webpack | Power User Home | uiStartup | 2626 | 1747 | 3644 | 511 | 3069 | 3384 | |
| load | 1859 | 1091 | 2780 | 504 | 2349 | 2599 | |||
| domContentLoaded | 1858 | 1091 | 2779 | 504 | 2349 | 2598 | |||
| domInteractive | 193 | 30 | 1133 | 300 | 120 | 980 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 141 | 28 | 1044 | 188 | 184 | 459 | |||
| firstReactRender | 55 | 38 | 90 | 9 | 61 | 71 | |||
| getState | 136 | 71 | 283 | 55 | 170 | 239 | |||
| initialActions | 2 | 0 | 8 | 1 | 2 | 6 | |||
| loadScripts | 1789 | 1076 | 2752 | 487 | 2299 | 2573 | |||
| setupStore | 29 | 5 | 303 | 42 | 32 | 89 | |||
| numNetworkReqs | 74 | 51 | 127 | 20 | 75 | 122 |
📊 Page Load Benchmark Results
Current Commit: 0935d74 | Date: 12/9/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 984ms (±41ms) 🟢 | historical mean value: 1.05s ⬇️ (historical data)
- domContentLoaded-> current mean value: 682ms (±36ms) 🟢 | historical mean value: 733ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 75ms (±12ms) 🟢 | historical mean value: 83ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 984ms | 41ms | 953ms | 1.28s | 1.01s | 1.28s |
| domContentLoaded | 682ms | 36ms | 654ms | 950ms | 700ms | 950ms |
| firstPaint | 75ms | 12ms | 64ms | 180ms | 80ms | 180ms |
| firstContentfulPaint | 75ms | 12ms | 64ms | 180ms | 80ms | 180ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 1.51 KiB (0.03%)
- ui: -21.02 KiB (-0.27%)
- common: 9.19 KiB (0.1%)
Builds ready [29f334d]
- 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 ± 103 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 | 1015 | 1457 | 103 | 1308 | 1425 |
| load | 1022 | 861 | 1213 | 85 | 1074 | 1191 | |||
| domContentLoaded | 1015 | 843 | 1206 | 84 | 1069 | 1170 | |||
| domInteractive | 26 | 15 | 113 | 19 | 21 | 76 | |||
| firstPaint | 487 | 114 | 1220 | 377 | 978 | 1126 | |||
| backgroundConnect | 212 | 195 | 262 | 13 | 218 | 240 | |||
| firstReactRender | 48 | 32 | 101 | 14 | 56 | 82 | |||
| getState | 39 | 17 | 142 | 22 | 42 | 82 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 2 | |||
| loadScripts | 810 | 644 | 986 | 80 | 856 | 960 | |||
| setupStore | 12 | 7 | 35 | 5 | 13 | 23 | |||
| numNetworkReqs | 13 | 6 | 76 | 19 | 6 | 69 | |||
| Browserify | Power User Home | uiStartup | 1904 | 1441 | 2544 | 175 | 1967 | 2225 | |
| load | 1079 | 885 | 1605 | 125 | 1185 | 1257 | |||
| domContentLoaded | 1070 | 878 | 1597 | 125 | 1179 | 1250 | |||
| domInteractive | 28 | 17 | 117 | 20 | 24 | 92 | |||
| firstPaint | 546 | 89 | 1601 | 427 | 991 | 1249 | |||
| backgroundConnect | 243 | 201 | 582 | 75 | 235 | 514 | |||
| firstReactRender | 46 | 38 | 59 | 4 | 48 | 53 | |||
| getState | 198 | 149 | 737 | 82 | 200 | 277 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 858 | 679 | 1357 | 122 | 964 | 1038 | |||
| setupStore | 14 | 7 | 43 | 6 | 14 | 36 | |||
| numNetworkReqs | 70 | 58 | 208 | 19 | 68 | 111 | |||
| Webpack | Standard Home | uiStartup | 824 | 676 | 1019 | 75 | 866 | 963 | |
| load | 664 | 573 | 853 | 72 | 715 | 809 | |||
| domContentLoaded | 658 | 568 | 846 | 71 | 711 | 803 | |||
| domInteractive | 26 | 16 | 97 | 18 | 23 | 84 | |||
| firstPaint | 245 | 106 | 816 | 171 | 234 | 698 | |||
| backgroundConnect | 13 | 6 | 62 | 10 | 12 | 35 | |||
| firstReactRender | 59 | 34 | 193 | 36 | 63 | 136 | |||
| getState | 29 | 15 | 124 | 14 | 36 | 50 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 2 | |||
| loadScripts | 655 | 565 | 836 | 70 | 708 | 800 | |||
| setupStore | 11 | 5 | 30 | 4 | 13 | 18 | |||
| numNetworkReqs | 14 | 6 | 80 | 20 | 6 | 74 | |||
| Webpack | Power User Home | uiStartup | 1413 | 1068 | 2166 | 216 | 1593 | 1728 | |
| load | 724 | 584 | 1150 | 112 | 845 | 922 | |||
| domContentLoaded | 717 | 577 | 1139 | 112 | 836 | 917 | |||
| domInteractive | 31 | 16 | 134 | 26 | 26 | 107 | |||
| firstPaint | 280 | 99 | 935 | 204 | 266 | 699 | |||
| backgroundConnect | 70 | 8 | 667 | 144 | 52 | 541 | |||
| firstReactRender | 49 | 40 | 70 | 6 | 50 | 63 | |||
| getState | 185 | 139 | 673 | 61 | 184 | 266 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 714 | 575 | 1127 | 111 | 830 | 909 | |||
| setupStore | 14 | 7 | 36 | 7 | 14 | 34 | |||
| numNetworkReqs | 71 | 58 | 152 | 22 | 67 | 133 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1317 | 1059 | 1889 | 176 | 1410 | 1681 |
| load | 1061 | 904 | 1338 | 101 | 1119 | 1271 | |||
| domContentLoaded | 1060 | 904 | 1338 | 101 | 1119 | 1271 | |||
| domInteractive | 61 | 31 | 289 | 38 | 85 | 130 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 49 | 18 | 207 | 36 | 61 | 134 | |||
| firstReactRender | 37 | 30 | 69 | 8 | 37 | 50 | |||
| getState | 13 | 7 | 127 | 15 | 10 | 29 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1033 | 887 | 1300 | 92 | 1098 | 1220 | |||
| setupStore | 12 | 5 | 60 | 8 | 11 | 32 | |||
| numNetworkReqs | 15 | 6 | 82 | 21 | 7 | 78 | |||
| Browserify | Power User Home | uiStartup | 2607 | 1538 | 3735 | 539 | 3013 | 3292 | |
| load | 1655 | 982 | 2622 | 483 | 2068 | 2292 | |||
| domContentLoaded | 1654 | 982 | 2622 | 483 | 2068 | 2285 | |||
| domInteractive | 144 | 32 | 1100 | 244 | 96 | 915 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 164 | 21 | 986 | 184 | 193 | 409 | |||
| firstReactRender | 58 | 36 | 268 | 25 | 62 | 92 | |||
| getState | 131 | 65 | 287 | 44 | 158 | 225 | |||
| initialActions | 3 | 0 | 49 | 7 | 2 | 3 | |||
| loadScripts | 1563 | 965 | 2444 | 461 | 1990 | 2251 | |||
| setupStore | 48 | 4 | 1067 | 117 | 40 | 216 | |||
| numNetworkReqs | 73 | 52 | 133 | 20 | 81 | 118 | |||
| Webpack | Standard Home | uiStartup | 1555 | 1333 | 2527 | 173 | 1625 | 1825 | |
| load | 1281 | 1108 | 1544 | 97 | 1351 | 1479 | |||
| domContentLoaded | 1281 | 1108 | 1544 | 97 | 1350 | 1479 | |||
| domInteractive | 74 | 27 | 230 | 39 | 105 | 132 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 53 | 17 | 246 | 40 | 54 | 157 | |||
| firstReactRender | 40 | 32 | 90 | 8 | 43 | 51 | |||
| getState | 16 | 6 | 137 | 18 | 14 | 47 | |||
| initialActions | 1 | 0 | 3 | 0 | 1 | 2 | |||
| loadScripts | 1253 | 1093 | 1519 | 92 | 1326 | 1447 | |||
| setupStore | 18 | 5 | 167 | 26 | 15 | 66 | |||
| numNetworkReqs | 15 | 6 | 86 | 21 | 8 | 77 | |||
| Webpack | Power User Home | uiStartup | 2847 | 1794 | 3965 | 564 | 3240 | 3700 | |
| load | 1958 | 1141 | 3078 | 546 | 2448 | 2780 | |||
| domContentLoaded | 1958 | 1141 | 3076 | 546 | 2447 | 2780 | |||
| domInteractive | 174 | 29 | 1044 | 283 | 103 | 990 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 168 | 23 | 1149 | 194 | 202 | 484 | |||
| firstReactRender | 57 | 38 | 102 | 10 | 63 | 69 | |||
| getState | 138 | 75 | 428 | 55 | 173 | 253 | |||
| initialActions | 3 | 1 | 49 | 6 | 2 | 3 | |||
| loadScripts | 1869 | 1126 | 3049 | 517 | 2277 | 2700 | |||
| setupStore | 36 | 5 | 366 | 56 | 38 | 158 | |||
| numNetworkReqs | 74 | 49 | 135 | 23 | 68 | 128 |
📊 Page Load Benchmark Results
Current Commit: 29f334d | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.07s (±42ms) 🟡 | historical mean value: 1.04s ⬆️ (historical data)
- domContentLoaded-> current mean value: 751ms (±39ms) 🟢 | historical mean value: 721ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 81ms (±11ms) 🟢 | historical mean value: 79ms ⬆️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.07s | 42ms | 1.03s | 1.38s | 1.12s | 1.38s |
| domContentLoaded | 751ms | 39ms | 714ms | 1.04s | 784ms | 1.04s |
| firstPaint | 81ms | 11ms | 68ms | 184ms | 88ms | 184ms |
| firstContentfulPaint | 81ms | 11ms | 68ms | 184ms | 88ms | 184ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 1.54 KiB (0.03%)
- ui: -17.73 KiB (-0.23%)
- common: 9.29 KiB (0.1%)
Builds ready [2e34b4f]
- 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 (1276 ± 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 | 1276 | 1064 | 1499 | 97 | 1343 | 1420 |
| load | 1039 | 880 | 1209 | 76 | 1089 | 1177 | |||
| domContentLoaded | 1032 | 871 | 1201 | 75 | 1084 | 1170 | |||
| domInteractive | 27 | 15 | 119 | 20 | 24 | 83 | |||
| firstPaint | 584 | 104 | 1225 | 421 | 1053 | 1147 | |||
| backgroundConnect | 216 | 199 | 270 | 13 | 223 | 244 | |||
| firstReactRender | 44 | 30 | 190 | 18 | 46 | 66 | |||
| getState | 38 | 18 | 144 | 21 | 45 | 91 | |||
| initialActions | 1 | 0 | 6 | 1 | 1 | 2 | |||
| loadScripts | 824 | 675 | 994 | 72 | 870 | 963 | |||
| setupStore | 12 | 6 | 50 | 6 | 12 | 23 | |||
| numNetworkReqs | 13 | 6 | 80 | 19 | 6 | 69 | |||
| Browserify | Power User Home | uiStartup | 1914 | 1540 | 2459 | 171 | 1993 | 2251 | |
| load | 1083 | 885 | 1367 | 116 | 1169 | 1250 | |||
| domContentLoaded | 1074 | 877 | 1359 | 115 | 1161 | 1243 | |||
| domInteractive | 30 | 17 | 103 | 21 | 27 | 94 | |||
| firstPaint | 533 | 108 | 1328 | 415 | 1029 | 1241 | |||
| backgroundConnect | 244 | 199 | 579 | 75 | 236 | 512 | |||
| firstReactRender | 47 | 38 | 70 | 6 | 49 | 59 | |||
| getState | 217 | 149 | 811 | 122 | 205 | 671 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 859 | 679 | 1150 | 113 | 950 | 1034 | |||
| setupStore | 16 | 8 | 53 | 8 | 15 | 38 | |||
| numNetworkReqs | 71 | 59 | 132 | 17 | 68 | 122 | |||
| Webpack | Standard Home | uiStartup | 828 | 689 | 1172 | 83 | 881 | 971 | |
| load | 668 | 573 | 953 | 81 | 713 | 835 | |||
| domContentLoaded | 662 | 566 | 945 | 81 | 709 | 829 | |||
| domInteractive | 26 | 16 | 102 | 19 | 23 | 85 | |||
| firstPaint | 292 | 91 | 846 | 221 | 289 | 791 | |||
| backgroundConnect | 13 | 6 | 84 | 11 | 13 | 30 | |||
| firstReactRender | 53 | 34 | 146 | 28 | 52 | 129 | |||
| getState | 30 | 15 | 129 | 15 | 39 | 48 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 659 | 564 | 935 | 80 | 707 | 819 | |||
| setupStore | 12 | 6 | 49 | 7 | 13 | 24 | |||
| numNetworkReqs | 13 | 6 | 82 | 20 | 6 | 71 | |||
| Webpack | Power User Home | uiStartup | 1368 | 1073 | 1860 | 193 | 1467 | 1768 | |
| load | 703 | 588 | 972 | 93 | 735 | 888 | |||
| domContentLoaded | 696 | 580 | 965 | 93 | 730 | 879 | |||
| domInteractive | 29 | 16 | 123 | 24 | 24 | 102 | |||
| firstPaint | 260 | 102 | 912 | 189 | 249 | 716 | |||
| backgroundConnect | 104 | 7 | 650 | 175 | 99 | 627 | |||
| firstReactRender | 48 | 39 | 68 | 5 | 49 | 55 | |||
| getState | 176 | 140 | 302 | 31 | 188 | 253 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 1 | |||
| loadScripts | 693 | 578 | 954 | 92 | 727 | 877 | |||
| setupStore | 14 | 6 | 36 | 7 | 14 | 33 | |||
| numNetworkReqs | 70 | 57 | 147 | 19 | 66 | 127 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1301 | 1083 | 1873 | 155 | 1412 | 1574 |
| load | 1060 | 892 | 1337 | 99 | 1140 | 1250 | |||
| domContentLoaded | 1060 | 892 | 1337 | 99 | 1139 | 1250 | |||
| domInteractive | 62 | 31 | 225 | 38 | 85 | 133 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 53 | 19 | 249 | 46 | 59 | 160 | |||
| firstReactRender | 38 | 31 | 69 | 8 | 40 | 59 | |||
| getState | 11 | 5 | 25 | 4 | 10 | 21 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 1028 | 877 | 1223 | 86 | 1093 | 1185 | |||
| setupStore | 12 | 5 | 95 | 11 | 10 | 23 | |||
| numNetworkReqs | 16 | 6 | 87 | 22 | 7 | 77 | |||
| Browserify | Power User Home | uiStartup | 2650 | 1660 | 3980 | 548 | 3101 | 3386 | |
| load | 1625 | 960 | 2526 | 516 | 2093 | 2384 | |||
| domContentLoaded | 1625 | 960 | 2526 | 517 | 2093 | 2384 | |||
| domInteractive | 184 | 32 | 980 | 284 | 170 | 936 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 168 | 23 | 1111 | 199 | 190 | 476 | |||
| firstReactRender | 56 | 37 | 181 | 19 | 59 | 95 | |||
| getState | 127 | 72 | 262 | 35 | 150 | 186 | |||
| initialActions | 2 | 0 | 36 | 5 | 2 | 3 | |||
| loadScripts | 1550 | 941 | 2502 | 481 | 1978 | 2282 | |||
| setupStore | 55 | 4 | 1044 | 128 | 33 | 287 | |||
| numNetworkReqs | 73 | 53 | 126 | 20 | 75 | 120 | |||
| Webpack | Standard Home | uiStartup | 1562 | 1293 | 2073 | 167 | 1638 | 1957 | |
| load | 1294 | 1097 | 1531 | 98 | 1349 | 1491 | |||
| domContentLoaded | 1294 | 1091 | 1531 | 98 | 1348 | 1491 | |||
| domInteractive | 78 | 27 | 229 | 40 | 104 | 133 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 51 | 18 | 237 | 39 | 46 | 147 | |||
| firstReactRender | 41 | 33 | 87 | 7 | 43 | 53 | |||
| getState | 17 | 7 | 145 | 20 | 15 | 57 | |||
| initialActions | 2 | 0 | 76 | 7 | 2 | 2 | |||
| loadScripts | 1265 | 1080 | 1486 | 89 | 1319 | 1438 | |||
| setupStore | 17 | 6 | 139 | 24 | 14 | 72 | |||
| numNetworkReqs | 15 | 6 | 89 | 21 | 8 | 76 | |||
| Webpack | Power User Home | uiStartup | 2663 | 1762 | 3633 | 532 | 3071 | 3413 | |
| load | 1847 | 1119 | 2994 | 519 | 2347 | 2548 | |||
| domContentLoaded | 1846 | 1119 | 2993 | 519 | 2347 | 2548 | |||
| domInteractive | 234 | 30 | 1441 | 351 | 216 | 995 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 170 | 20 | 1152 | 248 | 182 | 955 | |||
| firstReactRender | 57 | 36 | 123 | 15 | 61 | 88 | |||
| getState | 132 | 63 | 253 | 43 | 167 | 226 | |||
| initialActions | 2 | 1 | 8 | 1 | 2 | 4 | |||
| loadScripts | 1760 | 1105 | 2945 | 502 | 2215 | 2526 | |||
| setupStore | 40 | 5 | 1045 | 112 | 26 | 189 | |||
| numNetworkReqs | 70 | 47 | 134 | 23 | 67 | 120 |
📊 Page Load Benchmark Results
Current Commit: 2e34b4f | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.04s (±44ms) 🟡 | historical mean value: 1.04s ⬇️ (historical data)
- domContentLoaded-> current mean value: 726ms (±65ms) 🟢 | historical mean value: 724ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 80ms (±42ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.04s | 44ms | 1.01s | 1.34s | 1.06s | 1.34s |
| domContentLoaded | 726ms | 65ms | 703ms | 1.30s | 740ms | 1.30s |
| firstPaint | 80ms | 42ms | 60ms | 492ms | 84ms | 492ms |
| firstContentfulPaint | 80ms | 42ms | 60ms | 492ms | 84ms | 492ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: 5.15 KiB (0.07%)
- common: 799 Bytes (0.01%)
Builds ready [087ba15]
- 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 (1312 ± 120 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 | 1312 | 1065 | 1728 | 120 | 1380 | 1490 |
| load | 1076 | 884 | 1404 | 100 | 1149 | 1231 | |||
| domContentLoaded | 1069 | 876 | 1398 | 100 | 1141 | 1221 | |||
| domInteractive | 27 | 16 | 102 | 19 | 23 | 84 | |||
| firstPaint | 471 | 83 | 1323 | 392 | 933 | 1162 | |||
| backgroundConnect | 222 | 204 | 265 | 12 | 230 | 253 | |||
| firstReactRender | 46 | 32 | 98 | 13 | 51 | 75 | |||
| getState | 38 | 16 | 131 | 19 | 43 | 71 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 854 | 672 | 1144 | 95 | 912 | 997 | |||
| setupStore | 12 | 6 | 38 | 5 | 13 | 22 | |||
| numNetworkReqs | 13 | 6 | 80 | 20 | 6 | 73 | |||
| Browserify | Power User Home | uiStartup | 1934 | 1556 | 2359 | 156 | 2006 | 2223 | |
| load | 1092 | 891 | 1357 | 120 | 1179 | 1310 | |||
| domContentLoaded | 1081 | 884 | 1336 | 120 | 1173 | 1290 | |||
| domInteractive | 31 | 18 | 130 | 23 | 28 | 99 | |||
| firstPaint | 551 | 90 | 1368 | 412 | 988 | 1239 | |||
| backgroundConnect | 251 | 203 | 637 | 88 | 238 | 552 | |||
| firstReactRender | 50 | 38 | 100 | 10 | 51 | 67 | |||
| getState | 204 | 148 | 720 | 80 | 210 | 266 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 866 | 675 | 1117 | 116 | 950 | 1071 | |||
| setupStore | 16 | 6 | 49 | 8 | 15 | 35 | |||
| numNetworkReqs | 72 | 58 | 152 | 20 | 68 | 131 | |||
| Webpack | Standard Home | uiStartup | 823 | 678 | 1138 | 84 | 872 | 993 | |
| load | 663 | 574 | 889 | 77 | 725 | 822 | |||
| domContentLoaded | 657 | 569 | 879 | 77 | 720 | 813 | |||
| domInteractive | 26 | 15 | 97 | 19 | 22 | 81 | |||
| firstPaint | 245 | 85 | 781 | 167 | 216 | 677 | |||
| backgroundConnect | 12 | 6 | 111 | 13 | 11 | 31 | |||
| firstReactRender | 55 | 31 | 211 | 37 | 56 | 141 | |||
| getState | 29 | 14 | 100 | 13 | 37 | 57 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 654 | 567 | 867 | 75 | 716 | 811 | |||
| setupStore | 11 | 6 | 30 | 4 | 12 | 19 | |||
| numNetworkReqs | 13 | 6 | 77 | 19 | 6 | 71 | |||
| Webpack | Power User Home | uiStartup | 1475 | 1103 | 1899 | 206 | 1644 | 1817 | |
| load | 760 | 608 | 1002 | 99 | 857 | 917 | |||
| domContentLoaded | 751 | 600 | 995 | 99 | 847 | 907 | |||
| domInteractive | 33 | 17 | 122 | 26 | 28 | 113 | |||
| firstPaint | 335 | 108 | 1001 | 245 | 346 | 859 | |||
| backgroundConnect | 52 | 8 | 691 | 123 | 27 | 296 | |||
| firstReactRender | 52 | 40 | 85 | 7 | 53 | 65 | |||
| getState | 198 | 140 | 352 | 49 | 223 | 328 | |||
| initialActions | 1 | 0 | 4 | 1 | 1 | 2 | |||
| loadScripts | 748 | 598 | 986 | 98 | 844 | 903 | |||
| setupStore | 15 | 7 | 50 | 8 | 14 | 33 | |||
| numNetworkReqs | 71 | 56 | 145 | 22 | 68 | 139 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1430 | 1100 | 2615 | 262 | 1517 | 1915 |
| load | 1122 | 928 | 2032 | 149 | 1179 | 1380 | |||
| domContentLoaded | 1121 | 928 | 2031 | 149 | 1179 | 1379 | |||
| domInteractive | 69 | 28 | 244 | 36 | 88 | 134 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 58 | 22 | 235 | 45 | 68 | 163 | |||
| firstReactRender | 41 | 32 | 80 | 9 | 42 | 59 | |||
| getState | 15 | 6 | 153 | 19 | 12 | 44 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 2 | |||
| loadScripts | 1089 | 913 | 1944 | 136 | 1143 | 1232 | |||
| setupStore | 25 | 6 | 1095 | 109 | 11 | 55 | |||
| numNetworkReqs | 15 | 6 | 80 | 21 | 7 | 77 | |||
| Browserify | Power User Home | uiStartup | 2676 | 1704 | 3655 | 538 | 3132 | 3502 | |
| load | 1616 | 964 | 2688 | 501 | 2119 | 2387 | |||
| domContentLoaded | 1616 | 964 | 2686 | 501 | 2119 | 2386 | |||
| domInteractive | 128 | 29 | 988 | 194 | 91 | 481 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 260 | 23 | 1305 | 325 | 276 | 1116 | |||
| firstReactRender | 57 | 36 | 126 | 14 | 59 | 86 | |||
| getState | 135 | 70 | 270 | 45 | 162 | 226 | |||
| initialActions | 2 | 1 | 39 | 4 | 2 | 3 | |||
| loadScripts | 1462 | 949 | 2563 | 443 | 1859 | 2260 | |||
| setupStore | 72 | 4 | 1117 | 172 | 46 | 367 | |||
| numNetworkReqs | 76 | 58 | 134 | 22 | 75 | 127 | |||
| Webpack | Standard Home | uiStartup | 1630 | 1356 | 2834 | 222 | 1697 | 2077 | |
| load | 1333 | 1152 | 2562 | 171 | 1414 | 1529 | |||
| domContentLoaded | 1332 | 1150 | 2561 | 171 | 1414 | 1529 | |||
| domInteractive | 70 | 26 | 144 | 37 | 107 | 132 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 67 | 21 | 364 | 51 | 83 | 154 | |||
| firstReactRender | 43 | 34 | 95 | 9 | 46 | 58 | |||
| getState | 18 | 6 | 183 | 26 | 15 | 59 | |||
| initialActions | 1 | 0 | 13 | 1 | 2 | 2 | |||
| loadScripts | 1301 | 1123 | 2527 | 167 | 1368 | 1500 | |||
| setupStore | 23 | 5 | 199 | 32 | 17 | 104 | |||
| numNetworkReqs | 15 | 6 | 85 | 21 | 9 | 76 | |||
| Webpack | Power User Home | uiStartup | 2698 | 1740 | 3959 | 542 | 3103 | 3519 | |
| load | 1887 | 1130 | 3454 | 499 | 2295 | 2556 | |||
| domContentLoaded | 1886 | 1129 | 3454 | 499 | 2295 | 2555 | |||
| domInteractive | 143 | 28 | 1846 | 267 | 90 | 939 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 163 | 30 | 1293 | 196 | 191 | 404 | |||
| firstReactRender | 56 | 35 | 109 | 14 | 60 | 86 | |||
| getState | 129 | 68 | 419 | 51 | 155 | 226 | |||
| initialActions | 2 | 0 | 7 | 1 | 2 | 3 | |||
| loadScripts | 1798 | 1105 | 3434 | 465 | 2155 | 2441 | |||
| setupStore | 48 | 5 | 1110 | 144 | 37 | 166 | |||
| numNetworkReqs | 75 | 54 | 133 | 22 | 79 | 127 |
📊 Page Load Benchmark Results
Current Commit: 087ba15 | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.03s (±54ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
- domContentLoaded-> current mean value: 722ms (±51ms) 🟢 | historical mean value: 720ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 76ms (±11ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.03s | 54ms | 1.01s | 1.32s | 1.06s | 1.32s |
| domContentLoaded | 722ms | 51ms | 697ms | 1.00s | 749ms | 1.00s |
| firstPaint | 76ms | 11ms | 60ms | 172ms | 88ms | 172ms |
| firstContentfulPaint | 76ms | 11ms | 60ms | 172ms | 88ms | 172ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 3.27 KiB (0.06%)
- ui: 11.39 KiB (0.15%)
- common: 869 Bytes (0.01%)
Builds ready [e89c1f5]
- 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 ± 109 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 | 1020 | 1603 | 109 | 1346 | 1436 |
| load | 1044 | 863 | 1247 | 86 | 1109 | 1181 | |||
| domContentLoaded | 1038 | 857 | 1241 | 85 | 1102 | 1171 | |||
| domInteractive | 26 | 15 | 98 | 19 | 22 | 84 | |||
| firstPaint | 538 | 82 | 1218 | 410 | 1023 | 1168 | |||
| backgroundConnect | 216 | 197 | 258 | 11 | 223 | 241 | |||
| firstReactRender | 47 | 31 | 80 | 13 | 57 | 75 | |||
| getState | 37 | 17 | 127 | 15 | 44 | 60 | |||
| initialActions | 1 | 0 | 4 | 1 | 1 | 2 | |||
| loadScripts | 828 | 646 | 1017 | 81 | 878 | 968 | |||
| setupStore | 13 | 7 | 33 | 5 | 15 | 25 | |||
| numNetworkReqs | 13 | 6 | 80 | 20 | 6 | 71 | |||
| Browserify | Power User Home | uiStartup | - | - | - | - | - | - | |
| load | - | - | - | - | - | - | |||
| domContentLoaded | - | - | - | - | - | - | |||
| domInteractive | - | - | - | - | - | - | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | - | - | - | - | - | - | |||
| firstReactRender | - | - | - | - | - | - | |||
| getState | - | - | - | - | - | - | |||
| initialActions | - | - | - | - | - | - | |||
| loadScripts | - | - | - | - | - | - | |||
| setupStore | - | - | - | - | - | - | |||
| numNetworkReqs | - | - | - | - | - | - | |||
| Webpack | Standard Home | uiStartup | 871 | 711 | 1125 | 87 | 925 | 1040 | |
| load | 696 | 602 | 895 | 79 | 744 | 853 | |||
| domContentLoaded | 690 | 596 | 888 | 78 | 739 | 847 | |||
| domInteractive | 28 | 17 | 117 | 22 | 24 | 96 | |||
| firstPaint | 259 | 107 | 885 | 196 | 232 | 823 | |||
| backgroundConnect | 12 | 6 | 41 | 7 | 13 | 30 | |||
| firstReactRender | 62 | 35 | 206 | 39 | 73 | 142 | |||
| getState | 32 | 15 | 147 | 18 | 38 | 58 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 3 | |||
| loadScripts | 686 | 594 | 886 | 77 | 737 | 838 | |||
| setupStore | 12 | 6 | 33 | 5 | 15 | 22 | |||
| numNetworkReqs | 13 | 6 | 76 | 19 | 6 | 69 | |||
| Webpack | Power User Home | uiStartup | 1415 | 1122 | 2044 | 183 | 1570 | 1717 | |
| load | 747 | 608 | 1140 | 101 | 838 | 912 | |||
| domContentLoaded | 739 | 603 | 1135 | 101 | 829 | 903 | |||
| domInteractive | 35 | 17 | 252 | 34 | 28 | 114 | |||
| firstPaint | 310 | 90 | 927 | 231 | 317 | 905 | |||
| backgroundConnect | 61 | 8 | 561 | 132 | 42 | 530 | |||
| firstReactRender | 50 | 40 | 68 | 5 | 53 | 60 | |||
| getState | 189 | 152 | 326 | 32 | 200 | 257 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 736 | 601 | 1127 | 100 | 826 | 899 | |||
| setupStore | 16 | 7 | 61 | 10 | 14 | 36 | |||
| numNetworkReqs | 73 | 58 | 210 | 27 | 68 | 135 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1327 | 1071 | 2433 | 213 | 1424 | 1723 |
| load | 1064 | 905 | 2073 | 145 | 1135 | 1281 | |||
| domContentLoaded | 1064 | 905 | 2073 | 145 | 1135 | 1280 | |||
| domInteractive | 58 | 22 | 179 | 34 | 83 | 133 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 50 | 21 | 219 | 44 | 56 | 172 | |||
| firstReactRender | 39 | 30 | 149 | 13 | 40 | 59 | |||
| getState | 13 | 7 | 87 | 10 | 12 | 29 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1038 | 889 | 1984 | 133 | 1092 | 1217 | |||
| setupStore | 13 | 5 | 79 | 11 | 12 | 38 | |||
| numNetworkReqs | 15 | 6 | 83 | 21 | 7 | 75 | |||
| Browserify | Power User Home | uiStartup | 2566 | 1639 | 3847 | 539 | 2937 | 3473 | |
| load | 1559 | 943 | 2606 | 494 | 2012 | 2440 | |||
| domContentLoaded | 1558 | 936 | 2605 | 494 | 2012 | 2440 | |||
| domInteractive | 122 | 31 | 1235 | 221 | 93 | 928 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 187 | 26 | 1186 | 247 | 201 | 1009 | |||
| firstReactRender | 57 | 35 | 101 | 13 | 62 | 84 | |||
| getState | 138 | 68 | 963 | 93 | 150 | 219 | |||
| initialActions | 2 | 0 | 3 | 1 | 2 | 3 | |||
| loadScripts | 1459 | 927 | 2587 | 456 | 1869 | 2279 | |||
| setupStore | 36 | 4 | 1056 | 110 | 25 | 91 | |||
| numNetworkReqs | 75 | 57 | 123 | 19 | 91 | 118 | |||
| Webpack | Standard Home | uiStartup | 1691 | 1353 | 2141 | 184 | 1841 | 2044 | |
| load | 1373 | 1169 | 1737 | 126 | 1451 | 1613 | |||
| domContentLoaded | 1373 | 1168 | 1737 | 126 | 1451 | 1611 | |||
| domInteractive | 78 | 28 | 231 | 41 | 106 | 145 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 66 | 24 | 217 | 44 | 69 | 155 | |||
| firstReactRender | 45 | 35 | 103 | 8 | 49 | 56 | |||
| getState | 25 | 7 | 195 | 33 | 18 | 121 | |||
| initialActions | 1 | 0 | 2 | 1 | 2 | 2 | |||
| loadScripts | 1338 | 1117 | 1710 | 119 | 1431 | 1563 | |||
| setupStore | 26 | 7 | 168 | 34 | 17 | 113 | |||
| numNetworkReqs | 16 | 6 | 85 | 21 | 9 | 79 | |||
| Webpack | Power User Home | uiStartup | 2661 | 1728 | 3899 | 525 | 3059 | 3368 | |
| load | 1863 | 1136 | 2694 | 461 | 2293 | 2524 | |||
| domContentLoaded | 1862 | 1136 | 2694 | 461 | 2293 | 2524 | |||
| domInteractive | 171 | 28 | 1041 | 274 | 106 | 966 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 191 | 24 | 1140 | 257 | 201 | 971 | |||
| firstReactRender | 56 | 35 | 135 | 16 | 58 | 89 | |||
| getState | 130 | 63 | 304 | 50 | 157 | 233 | |||
| initialActions | 2 | 0 | 35 | 5 | 2 | 7 | |||
| loadScripts | 1769 | 1113 | 2509 | 443 | 2199 | 2453 | |||
| setupStore | 29 | 4 | 282 | 42 | 34 | 107 | |||
| numNetworkReqs | 76 | 58 | 135 | 21 | 89 | 125 |
📊 Page Load Benchmark Results
Current Commit: e89c1f5 | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.07s (±55ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
- domContentLoaded-> current mean value: 730ms (±69ms) 🟢 | historical mean value: 720ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 93ms (±133ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.07s | 55ms | 1.04s | 1.50s | 1.10s | 1.50s |
| domContentLoaded | 730ms | 69ms | 699ms | 1.35s | 746ms | 1.35s |
| firstPaint | 93ms | 133ms | 68ms | 1.42s | 88ms | 1.42s |
| firstContentfulPaint | 93ms | 133ms | 68ms | 1.42s | 88ms | 1.42s |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: 5.48 KiB (0.07%)
- common: 743 Bytes (0.01%)
Builds ready [c634125]
- 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 (1289 ± 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 | 1289 | 1050 | 1516 | 98 | 1355 | 1441 |
| load | 1058 | 890 | 1274 | 84 | 1107 | 1199 | |||
| domContentLoaded | 1051 | 875 | 1267 | 84 | 1101 | 1191 | |||
| domInteractive | 28 | 16 | 126 | 23 | 24 | 91 | |||
| firstPaint | 503 | 76 | 1198 | 404 | 1030 | 1178 | |||
| backgroundConnect | 224 | 201 | 290 | 16 | 233 | 256 | |||
| firstReactRender | 48 | 33 | 87 | 13 | 55 | 77 | |||
| getState | 41 | 18 | 130 | 21 | 49 | 83 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 834 | 667 | 1032 | 80 | 878 | 978 | |||
| setupStore | 13 | 7 | 39 | 6 | 15 | 26 | |||
| numNetworkReqs | 13 | 6 | 76 | 19 | 6 | 69 | |||
| Browserify | Power User Home | uiStartup | 1902 | 1570 | 2777 | 178 | 1984 | 2187 | |
| load | 1064 | 880 | 1551 | 132 | 1164 | 1297 | |||
| domContentLoaded | 1054 | 874 | 1542 | 132 | 1156 | 1285 | |||
| domInteractive | 29 | 17 | 120 | 23 | 25 | 96 | |||
| firstPaint | 531 | 104 | 1323 | 397 | 957 | 1236 | |||
| backgroundConnect | 250 | 196 | 602 | 91 | 237 | 570 | |||
| firstReactRender | 46 | 39 | 69 | 5 | 48 | 57 | |||
| getState | 198 | 143 | 699 | 77 | 200 | 259 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 842 | 670 | 1271 | 128 | 936 | 1080 | |||
| setupStore | 13 | 9 | 35 | 3 | 14 | 17 | |||
| numNetworkReqs | 72 | 59 | 144 | 20 | 71 | 135 | |||
| Webpack | Standard Home | uiStartup | 844 | 688 | 1052 | 81 | 895 | 1002 | |
| load | 683 | 577 | 885 | 77 | 743 | 826 | |||
| domContentLoaded | 677 | 571 | 879 | 77 | 736 | 819 | |||
| domInteractive | 27 | 16 | 109 | 21 | 24 | 89 | |||
| firstPaint | 237 | 76 | 866 | 177 | 232 | 715 | |||
| backgroundConnect | 11 | 6 | 33 | 6 | 12 | 31 | |||
| firstReactRender | 58 | 34 | 229 | 41 | 56 | 182 | |||
| getState | 29 | 14 | 106 | 15 | 37 | 57 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 674 | 569 | 877 | 75 | 733 | 813 | |||
| setupStore | 11 | 7 | 44 | 5 | 13 | 18 | |||
| numNetworkReqs | 14 | 6 | 81 | 20 | 6 | 76 | |||
| Webpack | Power User Home | uiStartup | 1424 | 1098 | 2051 | 193 | 1579 | 1741 | |
| load | 745 | 598 | 1037 | 107 | 855 | 919 | |||
| domContentLoaded | 737 | 593 | 1030 | 107 | 848 | 909 | |||
| domInteractive | 31 | 18 | 163 | 26 | 26 | 102 | |||
| firstPaint | 299 | 90 | 918 | 231 | 321 | 856 | |||
| backgroundConnect | 88 | 8 | 638 | 172 | 52 | 567 | |||
| firstReactRender | 49 | 39 | 70 | 5 | 51 | 59 | |||
| getState | 188 | 142 | 694 | 63 | 185 | 258 | |||
| initialActions | 1 | 0 | 3 | 1 | 1 | 2 | |||
| loadScripts | 734 | 590 | 1022 | 106 | 845 | 906 | |||
| setupStore | 18 | 7 | 42 | 11 | 31 | 38 | |||
| numNetworkReqs | 72 | 58 | 155 | 22 | 67 | 137 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1297 | 1043 | 1770 | 176 | 1404 | 1637 |
| load | 1048 | 886 | 1298 | 102 | 1121 | 1238 | |||
| domContentLoaded | 1047 | 881 | 1298 | 102 | 1120 | 1238 | |||
| domInteractive | 61 | 30 | 184 | 32 | 83 | 122 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 48 | 20 | 194 | 36 | 60 | 129 | |||
| firstReactRender | 37 | 28 | 70 | 8 | 38 | 56 | |||
| getState | 14 | 6 | 136 | 19 | 12 | 31 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 2 | |||
| loadScripts | 1020 | 870 | 1214 | 92 | 1087 | 1194 | |||
| setupStore | 15 | 6 | 203 | 25 | 11 | 40 | |||
| numNetworkReqs | 15 | 6 | 83 | 21 | 9 | 79 | |||
| Browserify | Power User Home | uiStartup | 2665 | 1659 | 3621 | 552 | 3099 | 3370 | |
| load | 1676 | 980 | 2580 | 528 | 2136 | 2395 | |||
| domContentLoaded | 1675 | 980 | 2579 | 528 | 2136 | 2395 | |||
| domInteractive | 175 | 32 | 1018 | 281 | 144 | 960 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 181 | 26 | 1146 | 197 | 215 | 477 | |||
| firstReactRender | 55 | 37 | 102 | 11 | 59 | 79 | |||
| getState | 133 | 73 | 379 | 48 | 155 | 230 | |||
| initialActions | 3 | 0 | 35 | 6 | 2 | 7 | |||
| loadScripts | 1592 | 960 | 2554 | 503 | 2040 | 2342 | |||
| setupStore | 45 | 4 | 354 | 70 | 44 | 258 | |||
| numNetworkReqs | 74 | 48 | 138 | 23 | 70 | 132 | |||
| Webpack | Standard Home | uiStartup | 1648 | 1347 | 2175 | 169 | 1726 | 1972 | |
| load | 1341 | 1139 | 1734 | 108 | 1412 | 1526 | |||
| domContentLoaded | 1341 | 1139 | 1734 | 107 | 1405 | 1526 | |||
| domInteractive | 77 | 29 | 247 | 47 | 118 | 172 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 65 | 21 | 324 | 43 | 75 | 140 | |||
| firstReactRender | 46 | 36 | 96 | 9 | 50 | 60 | |||
| getState | 19 | 6 | 187 | 28 | 14 | 80 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1312 | 1124 | 1706 | 103 | 1368 | 1497 | |||
| setupStore | 21 | 7 | 146 | 24 | 17 | 73 | |||
| numNetworkReqs | 15 | 6 | 86 | 21 | 8 | 75 | |||
| Webpack | Power User Home | uiStartup | 2803 | 1782 | 4002 | 520 | 3152 | 3585 | |
| load | 1910 | 1116 | 3100 | 516 | 2391 | 2609 | |||
| domContentLoaded | 1910 | 1116 | 3100 | 516 | 2391 | 2608 | |||
| domInteractive | 239 | 30 | 1044 | 346 | 176 | 990 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 147 | 27 | 1065 | 145 | 202 | 461 | |||
| firstReactRender | 55 | 37 | 133 | 14 | 60 | 85 | |||
| getState | 126 | 69 | 314 | 47 | 136 | 228 | |||
| initialActions | 3 | 0 | 46 | 8 | 2 | 20 | |||
| loadScripts | 1831 | 1098 | 3083 | 492 | 2291 | 2478 | |||
| setupStore | 39 | 5 | 322 | 60 | 42 | 218 | |||
| numNetworkReqs | 72 | 49 | 123 | 22 | 69 | 123 |
📊 Page Load Benchmark Results
Current Commit: c634125 | 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: 723ms (±38ms) 🟢 | historical mean value: 719ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 78ms (±16ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.04s | 40ms | 1.01s | 1.34s | 1.07s | 1.34s |
| domContentLoaded | 723ms | 38ms | 696ms | 1.01s | 750ms | 1.01s |
| firstPaint | 78ms | 16ms | 64ms | 224ms | 84ms | 224ms |
| firstContentfulPaint | 78ms | 16ms | 64ms | 224ms | 84ms | 224ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: 5.49 KiB (0.07%)
- common: 744 Bytes (0.01%)
Builds ready [cf1e784]
- 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 (1267 ± 107 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 | 1267 | 1056 | 1577 | 107 | 1348 | 1423 |
| load | 1042 | 864 | 1315 | 93 | 1113 | 1188 | |||
| domContentLoaded | 1035 | 859 | 1306 | 92 | 1105 | 1179 | |||
| domInteractive | 25 | 15 | 95 | 20 | 21 | 84 | |||
| firstPaint | 497 | 94 | 1330 | 397 | 1000 | 1169 | |||
| backgroundConnect | 217 | 196 | 261 | 13 | 227 | 246 | |||
| firstReactRender | 46 | 31 | 79 | 12 | 55 | 73 | |||
| getState | 39 | 18 | 150 | 19 | 45 | 69 | |||
| initialActions | 1 | 0 | 5 | 1 | 1 | 2 | |||
| loadScripts | 826 | 657 | 1092 | 89 | 891 | 961 | |||
| setupStore | 12 | 6 | 35 | 5 | 14 | 21 | |||
| numNetworkReqs | 13 | 6 | 78 | 20 | 6 | 73 | |||
| Browserify | Power User Home | uiStartup | - | - | - | - | - | - | |
| load | - | - | - | - | - | - | |||
| domContentLoaded | - | - | - | - | - | - | |||
| domInteractive | - | - | - | - | - | - | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | - | - | - | - | - | - | |||
| firstReactRender | - | - | - | - | - | - | |||
| getState | - | - | - | - | - | - | |||
| initialActions | - | - | - | - | - | - | |||
| loadScripts | - | - | - | - | - | - | |||
| setupStore | - | - | - | - | - | - | |||
| numNetworkReqs | - | - | - | - | - | - | |||
| Webpack | Standard Home | uiStartup | 859 | 710 | 1086 | 85 | 917 | 1004 | |
| load | 688 | 583 | 873 | 73 | 737 | 824 | |||
| domContentLoaded | 682 | 578 | 862 | 72 | 731 | 817 | |||
| domInteractive | 28 | 15 | 112 | 22 | 23 | 92 | |||
| firstPaint | 221 | 90 | 802 | 128 | 224 | 630 | |||
| backgroundConnect | 13 | 6 | 83 | 11 | 13 | 35 | |||
| firstReactRender | 60 | 34 | 201 | 39 | 60 | 153 | |||
| getState | 29 | 16 | 68 | 12 | 37 | 56 | |||
| initialActions | 1 | 0 | 4 | 1 | 1 | 2 | |||
| loadScripts | 679 | 575 | 854 | 71 | 728 | 814 | |||
| setupStore | 11 | 7 | 30 | 4 | 12 | 18 | |||
| numNetworkReqs | 13 | 6 | 76 | 19 | 6 | 71 | |||
| Webpack | Power User Home | uiStartup | 1419 | 1117 | 2115 | 211 | 1606 | 1787 | |
| load | 726 | 595 | 1181 | 109 | 813 | 907 | |||
| domContentLoaded | 719 | 589 | 1173 | 108 | 803 | 899 | |||
| domInteractive | 32 | 16 | 179 | 30 | 26 | 113 | |||
| firstPaint | 281 | 82 | 918 | 208 | 292 | 715 | |||
| backgroundConnect | 109 | 8 | 695 | 192 | 77 | 614 | |||
| firstReactRender | 49 | 38 | 67 | 5 | 50 | 61 | |||
| getState | 181 | 145 | 323 | 32 | 189 | 259 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 1 | |||
| loadScripts | 716 | 587 | 1162 | 107 | 801 | 896 | |||
| setupStore | 15 | 6 | 43 | 8 | 14 | 36 | |||
| numNetworkReqs | 71 | 58 | 146 | 20 | 67 | 132 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1328 | 1063 | 1777 | 162 | 1422 | 1627 |
| load | 1068 | 890 | 1393 | 102 | 1112 | 1274 | |||
| domContentLoaded | 1067 | 884 | 1393 | 102 | 1112 | 1274 | |||
| domInteractive | 67 | 32 | 290 | 41 | 85 | 140 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 50 | 23 | 200 | 39 | 49 | 162 | |||
| firstReactRender | 37 | 30 | 63 | 6 | 38 | 51 | |||
| getState | 12 | 6 | 79 | 9 | 11 | 25 | |||
| initialActions | 1 | 0 | 2 | 1 | 2 | 2 | |||
| loadScripts | 1040 | 875 | 1321 | 94 | 1083 | 1231 | |||
| setupStore | 14 | 5 | 97 | 15 | 13 | 36 | |||
| numNetworkReqs | 15 | 6 | 78 | 21 | 8 | 75 | |||
| Browserify | Power User Home | uiStartup | 2618 | 1518 | 3571 | 537 | 3049 | 3303 | |
| load | 1644 | 947 | 2496 | 479 | 2058 | 2363 | |||
| domContentLoaded | 1643 | 947 | 2496 | 479 | 2058 | 2362 | |||
| domInteractive | 139 | 31 | 982 | 237 | 87 | 958 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 204 | 25 | 1149 | 227 | 220 | 920 | |||
| firstReactRender | 56 | 37 | 178 | 19 | 59 | 95 | |||
| getState | 140 | 60 | 426 | 57 | 173 | 238 | |||
| initialActions | 3 | 0 | 39 | 7 | 2 | 8 | |||
| loadScripts | 1542 | 930 | 2368 | 444 | 1902 | 2244 | |||
| setupStore | 46 | 4 | 350 | 77 | 44 | 270 | |||
| numNetworkReqs | 76 | 57 | 140 | 22 | 84 | 128 | |||
| Webpack | Standard Home | uiStartup | 1597 | 1375 | 2127 | 163 | 1682 | 1920 | |
| load | 1314 | 1172 | 1577 | 92 | 1375 | 1500 | |||
| domContentLoaded | 1314 | 1172 | 1576 | 92 | 1374 | 1500 | |||
| domInteractive | 76 | 29 | 159 | 34 | 88 | 136 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 59 | 20 | 206 | 40 | 65 | 159 | |||
| firstReactRender | 43 | 34 | 77 | 7 | 45 | 59 | |||
| getState | 19 | 7 | 215 | 34 | 12 | 55 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1284 | 1128 | 1547 | 85 | 1329 | 1456 | |||
| setupStore | 21 | 6 | 177 | 32 | 13 | 88 | |||
| numNetworkReqs | 15 | 6 | 80 | 20 | 8 | 75 | |||
| Webpack | Power User Home | uiStartup | 2665 | 1613 | 4585 | 511 | 3009 | 3372 | |
| load | 1873 | 1150 | 3470 | 478 | 2270 | 2515 | |||
| domContentLoaded | 1873 | 1150 | 3470 | 478 | 2269 | 2515 | |||
| domInteractive | 128 | 29 | 1071 | 224 | 82 | 926 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 194 | 21 | 1124 | 235 | 222 | 942 | |||
| firstReactRender | 56 | 36 | 184 | 21 | 59 | 93 | |||
| getState | 142 | 66 | 1094 | 133 | 148 | 235 | |||
| initialActions | 2 | 0 | 33 | 4 | 2 | 3 | |||
| loadScripts | 1766 | 1126 | 3450 | 459 | 2120 | 2465 | |||
| setupStore | 24 | 4 | 262 | 33 | 26 | 82 | |||
| numNetworkReqs | 76 | 58 | 130 | 21 | 90 | 126 |
📊 Page Load Benchmark Results
Current Commit: cf1e784 | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.04s (±53ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
- domContentLoaded-> current mean value: 724ms (±50ms) 🟢 | historical mean value: 717ms ⬆️ (historical data)
- firstContentfulPaint-> current mean value: 76ms (±13ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.04s | 53ms | 1.01s | 1.33s | 1.09s | 1.33s |
| domContentLoaded | 724ms | 50ms | 698ms | 997ms | 769ms | 997ms |
| firstPaint | 76ms | 13ms | 56ms | 184ms | 84ms | 184ms |
| firstContentfulPaint | 76ms | 13ms | 56ms | 184ms | 84ms | 184ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚀 Bundle size reduced!]
- background: -154.15 KiB (-2.92%)
- ui: 5.43 KiB (0.07%)
- common: 896 Bytes (0.01%)
Builds ready [7f960a1]
- 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 (1236 ± 100 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 | 1236 | 1013 | 1467 | 100 | 1304 | 1385 |
| load | 1019 | 860 | 1224 | 83 | 1064 | 1161 | |||
| domContentLoaded | 1013 | 857 | 1216 | 82 | 1059 | 1153 | |||
| domInteractive | 25 | 15 | 109 | 20 | 21 | 85 | |||
| firstPaint | 446 | 78 | 1164 | 377 | 936 | 1137 | |||
| backgroundConnect | 211 | 195 | 244 | 10 | 216 | 231 | |||
| firstReactRender | 44 | 31 | 79 | 10 | 48 | 65 | |||
| getState | 34 | 17 | 75 | 13 | 43 | 62 | |||
| initialActions | 1 | 0 | 4 | 1 | 1 | 1 | |||
| loadScripts | 808 | 655 | 999 | 79 | 848 | 950 | |||
| setupStore | 11 | 6 | 28 | 5 | 13 | 24 | |||
| numNetworkReqs | 13 | 6 | 80 | 20 | 6 | 74 | |||
| Browserify | Power User Home | uiStartup | 1891 | 1517 | 2427 | 172 | 1973 | 2252 | |
| load | 1058 | 890 | 1598 | 128 | 1147 | 1304 | |||
| domContentLoaded | 1048 | 881 | 1590 | 127 | 1134 | 1284 | |||
| domInteractive | 30 | 16 | 117 | 21 | 26 | 88 | |||
| firstPaint | 555 | 86 | 1365 | 417 | 1003 | 1263 | |||
| backgroundConnect | 259 | 200 | 636 | 103 | 246 | 584 | |||
| firstReactRender | 48 | 37 | 82 | 6 | 51 | 61 | |||
| getState | 188 | 143 | 681 | 56 | 197 | 236 | |||
| initialActions | 1 | 0 | 2 | 1 | 1 | 2 | |||
| loadScripts | 834 | 679 | 1370 | 125 | 927 | 1077 | |||
| setupStore | 15 | 7 | 49 | 7 | 15 | 33 | |||
| numNetworkReqs | 72 | 59 | 141 | 19 | 68 | 131 | |||
| Webpack | Standard Home | uiStartup | 854 | 695 | 1127 | 83 | 912 | 1008 | |
| load | 684 | 586 | 878 | 79 | 759 | 840 | |||
| domContentLoaded | 678 | 581 | 869 | 78 | 752 | 834 | |||
| domInteractive | 28 | 16 | 109 | 20 | 24 | 84 | |||
| firstPaint | 243 | 78 | 850 | 170 | 228 | 702 | |||
| backgroundConnect | 13 | 6 | 99 | 11 | 12 | 32 | |||
| firstReactRender | 59 | 34 | 217 | 40 | 67 | 188 | |||
| getState | 30 | 15 | 80 | 12 | 37 | 52 | |||
| initialActions | 1 | 0 | 6 | 1 | 1 | 2 | |||
| loadScripts | 675 | 579 | 860 | 77 | 747 | 827 | |||
| setupStore | 12 | 7 | 39 | 5 | 13 | 21 | |||
| numNetworkReqs | 13 | 6 | 75 | 19 | 6 | 69 | |||
| Webpack | Power User Home | uiStartup | 1401 | 1117 | 1789 | 187 | 1590 | 1734 | |
| load | 737 | 595 | 970 | 107 | 854 | 918 | |||
| domContentLoaded | 730 | 590 | 963 | 106 | 846 | 910 | |||
| domInteractive | 31 | 17 | 119 | 24 | 26 | 103 | |||
| firstPaint | 299 | 89 | 968 | 221 | 305 | 867 | |||
| backgroundConnect | 81 | 7 | 619 | 156 | 52 | 551 | |||
| firstReactRender | 49 | 40 | 71 | 5 | 50 | 62 | |||
| getState | 180 | 140 | 337 | 35 | 189 | 256 | |||
| initialActions | 1 | 0 | 2 | 0 | 1 | 1 | |||
| loadScripts | 727 | 587 | 961 | 105 | 844 | 905 | |||
| setupStore | 15 | 6 | 43 | 8 | 14 | 36 | |||
| numNetworkReqs | 72 | 56 | 213 | 24 | 67 | 135 | |||
| Firefox | Browserify | Standard Home | uiStartup | 1379 | 1081 | 2223 | 183 | 1473 | 1667 |
| load | 1096 | 918 | 1446 | 104 | 1174 | 1266 | |||
| domContentLoaded | 1095 | 918 | 1446 | 104 | 1174 | 1266 | |||
| domInteractive | 68 | 32 | 466 | 55 | 85 | 141 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 53 | 21 | 259 | 49 | 56 | 185 | |||
| firstReactRender | 40 | 31 | 69 | 9 | 42 | 65 | |||
| getState | 21 | 6 | 811 | 80 | 12 | 27 | |||
| initialActions | 1 | 0 | 3 | 1 | 2 | 2 | |||
| loadScripts | 1065 | 900 | 1412 | 92 | 1128 | 1223 | |||
| setupStore | 13 | 6 | 101 | 14 | 10 | 35 | |||
| numNetworkReqs | 15 | 6 | 87 | 21 | 7 | 75 | |||
| Browserify | Power User Home | uiStartup | 2554 | 1575 | 3436 | 509 | 2988 | 3215 | |
| load | 1583 | 936 | 2444 | 487 | 2074 | 2263 | |||
| domContentLoaded | 1582 | 936 | 2444 | 487 | 2074 | 2263 | |||
| domInteractive | 169 | 31 | 970 | 276 | 102 | 925 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 188 | 25 | 1084 | 243 | 192 | 989 | |||
| firstReactRender | 55 | 36 | 95 | 12 | 58 | 84 | |||
| getState | 129 | 62 | 232 | 37 | 155 | 200 | |||
| initialActions | 2 | 0 | 32 | 3 | 2 | 6 | |||
| loadScripts | 1484 | 919 | 2270 | 452 | 1951 | 2184 | |||
| setupStore | 39 | 4 | 1002 | 108 | 25 | 113 | |||
| numNetworkReqs | 73 | 50 | 126 | 19 | 87 | 111 | |||
| Webpack | Standard Home | uiStartup | 1566 | 1334 | 2380 | 173 | 1633 | 1875 | |
| load | 1301 | 1146 | 1822 | 112 | 1362 | 1516 | |||
| domContentLoaded | 1300 | 1146 | 1822 | 113 | 1362 | 1516 | |||
| domInteractive | 75 | 24 | 158 | 36 | 103 | 134 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 56 | 17 | 222 | 37 | 66 | 138 | |||
| firstReactRender | 42 | 34 | 90 | 8 | 43 | 56 | |||
| getState | 15 | 7 | 100 | 14 | 15 | 45 | |||
| initialActions | 1 | 0 | 6 | 1 | 2 | 2 | |||
| loadScripts | 1269 | 1130 | 1744 | 102 | 1331 | 1445 | |||
| setupStore | 15 | 6 | 100 | 14 | 15 | 47 | |||
| numNetworkReqs | 15 | 6 | 85 | 21 | 8 | 77 | |||
| Webpack | Power User Home | uiStartup | 2751 | 1750 | 4259 | 571 | 3139 | 3472 | |
| load | 1936 | 1113 | 3524 | 512 | 2380 | 2592 | |||
| domContentLoaded | 1935 | 1112 | 3523 | 512 | 2380 | 2592 | |||
| domInteractive | 228 | 29 | 1110 | 348 | 154 | 1044 | |||
| firstPaint | - | - | - | - | - | - | |||
| backgroundConnect | 169 | 25 | 1115 | 216 | 200 | 900 | |||
| firstReactRender | 53 | 34 | 98 | 9 | 59 | 64 | |||
| getState | 134 | 40 | 344 | 48 | 164 | 225 | |||
| initialActions | 4 | 0 | 47 | 7 | 2 | 26 | |||
| loadScripts | 1824 | 1096 | 2808 | 478 | 2256 | 2478 | |||
| setupStore | 41 | 4 | 362 | 71 | 31 | 259 | |||
| numNetworkReqs | 70 | 46 | 123 | 19 | 69 | 114 |
📊 Page Load Benchmark Results
Current Commit: 7f960a1 | Date: 12/10/2025
📄 Localhost MetaMask Test Dapp
Samples: 100
Summary
- pageLoadTime-> current mean value: 1.03s (±39ms) 🟡 | historical mean value: 1.03s ⬇️ (historical data)
- domContentLoaded-> current mean value: 715ms (±36ms) 🟢 | historical mean value: 717ms ⬇️ (historical data)
- firstContentfulPaint-> current mean value: 76ms (±13ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)
📈 Detailed Results
| Metric | Mean | Std Dev | Min | Max | P95 | P99 |
|---|---|---|---|---|---|---|
| pageLoadTime | 1.03s | 39ms | 1.01s | 1.31s | 1.06s | 1.31s |
| domContentLoaded | 715ms | 36ms | 695ms | 982ms | 738ms | 982ms |
| firstPaint | 76ms | 13ms | 56ms | 192ms | 84ms | 192ms |
| firstContentfulPaint | 76ms | 13ms | 56ms | 192ms | 84ms | 192ms |
| largestContentfulPaint | 0ms | 0ms | 0ms | 0ms | 0ms | 0ms |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 58 Bytes (0%)
- ui: 5.55 KiB (0.07%)
- common: 746 Bytes (0.01%)