Skip to content

Conversation

DDDDDanica
Copy link
Contributor

@DDDDDanica DDDDDanica commented Aug 11, 2025

Description

Migrate onboarding flow components to React Router v6 compatibility.

Open in GitHub Codespaces

Changelog

CHANGELOG entry: null

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/5557

Manual testing steps

  1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

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.

Copy link
Contributor

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.

@metamaskbot metamaskbot added the team-extension-platform Extension Platform team label Aug 11, 2025
@DDDDDanica DDDDDanica self-assigned this Aug 11, 2025
@metamaskbot
Copy link
Collaborator

metamaskbot commented Aug 11, 2025

✨ Files requiring CODEOWNER review ✨

🔐 @MetaMask/web3auth (29 files, +410 -298)
  • 📁 ui/
    • 📁 pages/
      • 📁 onboarding-flow/
        • 📁 account-exist/
          • 📄 account-exist.test.tsx +18 -12
          • 📄 account-exist.tsx +6 -6
        • 📁 account-not-found/
          • 📄 account-not-found.test.tsx +18 -11
          • 📄 account-not-found.tsx +6 -6
        • 📁 create-password/
          • 📄 create-password.js +16 -15
          • 📄 create-password.test.js +22 -13
        • 📁 creation-successful/
          • 📄 creation-successful.js +6 -6
          • 📄 creation-successful.test.js +13 -10
        • 📁 download-app/
          • 📄 download-app.test.tsx +20 -20
          • 📄 download-app.tsx +5 -5
        • 📁 import-srp/
          • 📄 import-srp.js +7 -7
          • 📄 import-srp.stories.tsx +3 -6
          • 📄 import-srp.test.js +14 -13
        • 📁 metametrics/
          • 📄 metametrics.js +4 -4
          • 📄 metametrics.test.js +8 -11
        • 📁 onboarding-app-header/
          • 📄 onboarding-app-header.js +1 -1
          • 📄 onboarding-app-header.test.js +1 -1
        • 📁 onboarding-flow-switch/
          • 📄 onboarding-flow-switch.js +14 -13
          • 📄 onboarding-flow-switch.test.js +78 -13
        • 📁 pin-extension/
          • 📄 pin-extension.js +5 -5
          • 📄 pin-extension.test.js +18 -20
        • 📁 privacy-settings/
          • 📄 privacy-settings.js +3 -3
          • 📄 privacy-settings.test.js +1 -1
        • 📁 recovery-phrase/
          • 📄 confirm-recovery-phrase.js +14 -10
          • 📄 confirm-recovery-phrase.test.js +15 -12
          • 📄 recovery-phrase-chips.test.js +1 -1
          • 📄 reveal-recovery-phrase.tsx +9 -8
          • 📄 onboarding-flow.js +39 -44
          • 📄 onboarding-flow.test.js +45 -21

@DDDDDanica DDDDDanica force-pushed the refactor/5557-onboarding branch 2 times, most recently from 2ecb43e to 0eedfce Compare August 11, 2025 18:42
@DDDDDanica DDDDDanica force-pushed the refactor/5557-onboarding branch from 0eedfce to c08b322 Compare August 11, 2025 18:42
@DDDDDanica DDDDDanica removed the size-L label Aug 11, 2025
@metamaskbot
Copy link
Collaborator

Builds ready [c08b322]
UI Startup Metrics (1257 ± 88 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1257112115588812971458
load105893313298411081249
domContentLoaded105092513218311011241
domInteractive18143641828
firstPaint683105133242610621148
backgroundConnect22721228210232241
firstReactRender22164762435
getState1358091427
initialActions608514528
loadScripts831707109880880996
setupStore85212912
WebpackHomeuiStartup25001953302321826302896
load18811336244221520112187
domContentLoaded18741330243721520062179
domInteractive2013104161753
firstPaint2046671393246390
backgroundConnect4013364463689
firstReactRender1989444396222403
getState2652675516257
initialActions7218919712
loadScripts18691327243321320042166
setupStore3473137318296
FirefoxBrowserifyHomeuiStartup12811091162110913251501
load110195513977711571227
domContentLoaded110195513977711571227
domInteractive95332974996212
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect2915128163157
firstReactRender23195042331
getState827211534
initialActions2013329
loadScripts107994113827611381190
setupStore10322924634
WebpackHomeuiStartup15721352198314916711863
load13091121167312614001549
domContentLoaded13091121167312614001548
domInteractive95302714995254
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect301870103451
firstReactRender54416965965
getState11413217849
initialActions4011011315
loadScripts12871097165012613651525
setupStore11513215925
Benchmark value 1257 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 227 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 7 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 832 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1458 exceeds gate value 1365 for chrome browserify home p95 uiStartup
Benchmark value 1249 exceeds gate value 1190 for chrome browserify home p95 load
Benchmark value 1241 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 241 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 28 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 997 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 2501 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 1881 exceeds gate value 1711 for chrome webpack home mean load
Benchmark value 1874 exceeds gate value 1704 for chrome webpack home mean domContentLoaded
Benchmark value 204 exceeds gate value 199 for chrome webpack home mean firstPaint
Benchmark value 8 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 1869 exceeds gate value 1699 for chrome webpack home mean loadScripts
Benchmark value 35 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2896 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 2187 exceeds gate value 2030 for chrome webpack home p95 load
Benchmark value 2180 exceeds gate value 2005 for chrome webpack home p95 domContentLoaded
Benchmark value 390 exceeds gate value 334 for chrome webpack home p95 firstPaint
Benchmark value 403 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 257 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 12 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 2166 exceeds gate value 1970 for chrome webpack home p95 loadScripts
Benchmark value 296 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 30 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 3 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 10 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 212 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 34 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 9 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 34 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 30 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 55 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 254 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 51 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 65 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 49 exceeds gate value 32 for firefox webpack home p95 getState
Benchmark value 15 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 1109ms | Sum of p95 exceeds: 2062.8ms
Sum of all benchmark exceeds: 3171.8ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 43 Bytes (0%)
  • ui: 231 Bytes (0%)
  • common: 10 Bytes (0%)

@DDDDDanica DDDDDanica marked this pull request as ready for review August 11, 2025 22:08
@DDDDDanica DDDDDanica requested a review from a team as a code owner August 11, 2025 22:08
cursor[bot]

This comment was marked as outdated.

@DDDDDanica DDDDDanica force-pushed the refactor/5557-onboarding branch 5 times, most recently from 8e8a163 to 2dc1083 Compare August 12, 2025 14:19
@DDDDDanica DDDDDanica force-pushed the refactor/5557-onboarding branch from 2dc1083 to f19fc35 Compare August 12, 2025 14:19
cursor[bot]

This comment was marked as outdated.

@metamaskbot
Copy link
Collaborator

❌ test-e2e-chrome-api-specs failed. View the html report here.

@metamaskbot
Copy link
Collaborator

Builds ready [f19fc35]
UI Startup Metrics (1181 ± 63 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1181107813776312311290
load100388511676110511115
domContentLoaded99587911516110411107
domInteractive17143441724
firstPaint67774116640510231105
backgroundConnect2182042418222233
firstReactRender20144252134
getState1053961124
initialActions40649318
loadScripts78567893460835891
setupStore85212813
WebpackHomeuiStartup22341663264017723242551
load16771212197514617421915
domContentLoaded16701207196614517361899
domInteractive181188161465
firstPaint1675935961202293
backgroundConnect2815332322749
firstReactRender21892438112363395
getState2943097012280
initialActions5218269
loadScripts16661204195414317331887
setupStore176303391424
FirefoxBrowserifyHomeuiStartup13421114178612114121626
load115697414069112171312
domContentLoaded115597414069112171312
domInteractive1003343054105211
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect2916127133258
firstReactRender25205472447
getState727310526
initialActions4016317211
loadScripts113595913888911961294
setupStore73749626
WebpackHomeuiStartup15661385206713416481824
load13001143163510813741494
domContentLoaded13001143163510813731493
domInteractive90302854791249
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect3119199213351
firstReactRender55417065965
getState104588926
initialActions419710313
loadScripts12781125161110913521474
setupStore9510311928
Benchmark value 218 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 233 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 18 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 2235 exceeds gate value 2192 for chrome webpack home mean uiStartup
Benchmark value 30 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 2551 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 66 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 395 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 280 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 9 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 29 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 5 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 211 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 26 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 11 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 32 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 55 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 249 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 51 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 65 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 13 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 291ms | Sum of p95 exceeds: 597.8ms
Sum of all benchmark exceeds: 888.8ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: -1.34 KiB (-0.03%)
  • ui: 358 Bytes (0.01%)
  • common: 2.37 KiB (0.03%)

@metamaskbot
Copy link
Collaborator

Builds ready [492ad5e]
UI Startup Metrics (1197 ± 66 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1197108315036612341310
load100990212006010431114
domContentLoaded100189611906010371108
domInteractive17143941726
firstPaint581122119939610071062
backgroundConnect22120627110225239
firstReactRender21154562334
getState13594121531
initialActions407010317
loadScripts78867997059820889
setupStore84172811
WebpackHomeuiStartup21741663259618122692490
load16171194190115016981853
domContentLoaded16081185188714816901826
domInteractive171180151464
firstPaint1745737458209292
backgroundConnect3413431513255
firstReactRender21986386118368381
getState3443097812280
initialActions52254613
loadScripts16041182187514716871815
setupStore3363087415289
FirefoxBrowserifyHomeuiStartup13251136173810413911500
load113499414437911791264
domContentLoaded113399314437911791263
domInteractive983327344106209
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect301782123459
firstReactRender2820160162552
getState9210615540
initialActions30274212
loadScripts111297714187911621239
setupStore10319123633
WebpackHomeuiStartup16571421217315417351935
load13761170169412214581604
domContentLoaded13761169169412214571604
domInteractive1033228552104262
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect3318115153661
firstReactRender57448376170
getState11418619928
initialActions31254313
loadScripts13511139166812214361582
setupStore11510814936
Benchmark value 221 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 240 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 17 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 35 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 33 exceeds gate value 32 for chrome webpack home mean setupStore
Benchmark value 2491 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 64 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 381 exceeds gate value 370 for chrome webpack home p95 firstReactRender
Benchmark value 280 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 13 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 289 exceeds gate value 65 for chrome webpack home p95 setupStore
Benchmark value 31 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 28 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 3 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 11 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 209 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 40 exceeds gate value 24 for firefox browserify home p95 getState
Benchmark value 12 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 33 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1658 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 103 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 33 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 58 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 4 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 262 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 61 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 70 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 13 exceeds gate value 2 for firefox webpack home p95 initialActions
Benchmark value 36 exceeds gate value 28 for firefox webpack home p95 setupStore
Sum of mean exceeds: 311ms | Sum of p95 exceeds: 810.8ms
Sum of all benchmark exceeds: 1121.8ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: -1.34 KiB (-0.03%)
  • ui: 354 Bytes (0%)
  • common: 2.37 KiB (0.03%)

@DDDDDanica DDDDDanica force-pushed the refactor/5557-onboarding branch from 492ad5e to 90146fd Compare August 12, 2025 18:05
@metamaskbot
Copy link
Collaborator

Builds ready [95741f3]
UI Startup Metrics (1219 ± 67 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1219110514516712681345
load105191412657010941187
domContentLoaded104390412576910851178
domInteractive17134661736
firstPaint690136126742410721182
backgroundConnect2382252848241252
firstReactRender2816127192851
getState16584122030
initialActions716911624
loadScripts813669102069851951
setupStore96314917
WebpackHomeuiStartup20191530249225221982456
load16251259196119617401924
domContentLoaded16161245195019517341897
domInteractive171284131449
firstPaint1656539561196283
backgroundConnect3316326313562
firstReactRender91383246390308
getState4253278615284
initialActions62233710
loadScripts16111243193919417271885
setupStore1263141320
FirefoxBrowserifyHomeuiStartup13881183177910614531567
load1202104414217812551340
domContentLoaded1202104414217812551340
domInteractive1143227647124246
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect332093133568
firstReactRender26226052832
getState62869610
initialActions5018919311
loadScripts1177102914017812321316
setupStore11421422832
WebpackHomeuiStartup15471364205214116321845
load13231153166812214161576
domContentLoaded13231153166712214161576
domInteractive1093530955103271
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect32205173746
firstReactRender43315244649
getState62596610
initialActions3116238
loadScripts13001135164612413951554
setupStore96284916
Benchmark value 238 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 28 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 17 exceeds gate value 15 for chrome browserify home mean getState
Benchmark value 7 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 1183 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 253 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 51 exceeds gate value 45 for chrome browserify home p95 firstReactRender
Benchmark value 24 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 951 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 43 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 2457 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 284 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 10 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 114 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 33 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 11 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 246 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 11 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 32 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 109 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 33 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 3 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 271 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 8 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 298ms | Sum of p95 exceeds: 558.8ms
Sum of all benchmark exceeds: 856.8ms

itsyoboieltr
itsyoboieltr previously approved these changes Sep 1, 2025
@DDDDDanica DDDDDanica removed the request for review from lwin-kyaw September 2, 2025 10:21
@DDDDDanica DDDDDanica dismissed stale reviews from HowardBraham and itsyoboieltr via 00c8214 September 2, 2025 11:51
cursor[bot]

This comment was marked as outdated.

@metamaskbot
Copy link
Collaborator

📊 Page Load Benchmark Results

Current Commit: f711cea | Date: 9/2/2025

📄 https://metamask.github.io/test-dapp/

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.27s (±60ms) 🟡 | historical mean value: 1.30s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 959ms (±54ms) 🟢 | historical mean value: 980ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 85ms (±15ms) 🟢 | historical mean value: 92ms ⬇️ (historical data)
📈 Detailed Results
Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.27s 60ms 1.25s 1.85s 1.31s 1.85s
domContentLoaded 959ms 54ms 936ms 1.48s 996ms 1.48s
firstPaint 85ms 15ms 72ms 172ms 116ms 172ms
firstContentfulPaint 85ms 15ms 72ms 172ms 116ms 172ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms

Results generated automatically by MetaMask CI

@metamaskbot
Copy link
Collaborator

Builds ready [00c8214]
UI Startup Metrics (1209 ± 56 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1209109414775612351299
load104492712915610741133
domContentLoaded103792112855710671128
domInteractive17134461638
firstPaint62475129042010401123
backgroundConnect24322832710247253
firstReactRender24157182640
getState1358491623
initialActions40213511
loadScripts80168496653835894
setupStore962331016
WebpackHomeuiStartup20711542267525822512533
load16651243208019417871963
domContentLoaded16541229206319317801941
domInteractive181291161474
firstPaint1656350367195275
backgroundConnect3415349343364
firstReactRender90363326685315
getState3443017314280
initialActions7217217711
loadScripts16471226196418717771922
setupStore166292281525
FirefoxBrowserifyHomeuiStartup13751186187712014371586
load1193103214198412591334
domContentLoaded1193103214198412591333
domInteractive1103131248127223
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect3119104133455
firstReactRender27216152934
getState8214216616
initialActions601822437
loadScripts1170101513908212361300
setupStore11418120845
WebpackHomeuiStartup15651382212116316501870
load13371162171713614321621
domContentLoaded13361162171713614321620
domInteractive1073144865100281
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect332190113851
firstReactRender42365344549
getState73656612
initialActions3015236
loadScripts13131144167513614131594
setupStore96294919
Benchmark value 244 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 25 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 254 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 11 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 34 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 8 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2533 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 75 exceeds gate value 57 for chrome webpack home p95 domInteractive
Benchmark value 280 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 11 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 32 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 27 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 7 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 12 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 223 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 7 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 45 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 107 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 34 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 3 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 281 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 51 exceeds gate value 49 for firefox webpack home p95 backgroundConnect
Benchmark value 6 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 286ms | Sum of p95 exceeds: 613.8ms
Sum of all benchmark exceeds: 899.8ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 43 Bytes (0%)
  • ui: 338 Bytes (0%)
  • common: 10 Bytes (0%)

cursor[bot]

This comment was marked as outdated.

@metamaskbot
Copy link
Collaborator

📊 Page Load Benchmark Results

Current Commit: 8bdf803 | Date: 9/2/2025

📄 https://metamask.github.io/test-dapp/

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.25s (±71ms) 🟡 | historical mean value: 1.30s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 946ms (±68ms) 🟢 | historical mean value: 983ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 82ms (±17ms) 🟢 | historical mean value: 94ms ⬇️ (historical data)
📈 Detailed Results
Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.25s 71ms 1.21s 1.67s 1.30s 1.67s
domContentLoaded 946ms 68ms 904ms 1.35s 994ms 1.35s
firstPaint 82ms 17ms 64ms 188ms 128ms 188ms
firstContentfulPaint 82ms 17ms 64ms 188ms 128ms 188ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms

Results generated automatically by MetaMask CI

@metamaskbot
Copy link
Collaborator

Builds ready [ccfd9ac]
UI Startup Metrics (1257 ± 66 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1257112515126613071363
load108998213236111211186
domContentLoaded108197312956111101181
domInteractive18134651822
firstPaint62786120543610801167
backgroundConnect2522382829256270
firstReactRender26174772744
getState1457891627
initialActions40183614
loadScripts837730104460871944
setupStore1062941118
WebpackHomeuiStartup20201485253525621782469
load16171194198119317391871
domContentLoaded16081182196019217321865
domInteractive161276111439
firstPaint1756739059204294
backgroundConnect3417345452965
firstReactRender89373476687314
getState3853208015278
initialActions9217323612
loadScripts16041180194819117301854
setupStore146254241320
FirefoxBrowserifyHomeuiStartup14551251174310414981649
load1261108415598213081419
domContentLoaded1260108315598213081419
domInteractive1223429860134282
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect3520114173579
firstReactRender28224442938
getState73386618
initialActions6119219416
loadScripts1234106614577812821392
setupStore11510113937
WebpackHomeuiStartup15201374205612415641773
load12921176161610113341540
domContentLoaded12921176161510113331540
domInteractive102323174998282
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect33208183643
firstReactRender43356554554
getState63234615
initialActions5111514313
loadScripts12681150159010113071520
setupStore106809927
Benchmark value 1257 exceeds gate value 1234 for chrome browserify home mean uiStartup
Benchmark value 1090 exceeds gate value 1070 for chrome browserify home mean load
Benchmark value 1081 exceeds gate value 1061 for chrome browserify home mean domContentLoaded
Benchmark value 252 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 26 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 5 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 838 exceeds gate value 830 for chrome browserify home mean loadScripts
Benchmark value 1181 exceeds gate value 1180 for chrome browserify home p95 domContentLoaded
Benchmark value 271 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 14 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 944 exceeds gate value 940 for chrome browserify home p95 loadScripts
Benchmark value 18 exceeds gate value 17 for chrome browserify home p95 setupStore
Benchmark value 38 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 9 exceeds gate value 7 for chrome webpack home mean initialActions
Benchmark value 2469 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 278 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 12 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1456 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1261 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1261 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 123 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 35 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 29 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 1234 exceeds gate value 1230 for firefox browserify home mean loadScripts
Benchmark value 12 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 282 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 79 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 16 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 37 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 102 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 33 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 43 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 282 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 54 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 13 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 478ms | Sum of p95 exceeds: 635.8ms
Sum of all benchmark exceeds: 1113.8ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 43 Bytes (0%)
  • ui: 9.92 KiB (0.13%)
  • common: 1.54 KiB (0.02%)

@metamaskbot
Copy link
Collaborator

📊 Page Load Benchmark Results

Current Commit: bf36d40 | Date: 9/2/2025

📄 https://metamask.github.io/test-dapp/

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.30s (±31ms) 🟡 | historical mean value: 1.30s ⬆️ (historical data)
  • domContentLoaded-> current mean value: 978ms (±26ms) 🟢 | historical mean value: 982ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 88ms (±22ms) 🟢 | historical mean value: 94ms ⬇️ (historical data)
📈 Detailed Results
Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.30s 31ms 1.26s 1.45s 1.35s 1.45s
domContentLoaded 978ms 26ms 946ms 1.10s 1.03s 1.10s
firstPaint 88ms 22ms 72ms 260ms 132ms 260ms
firstContentfulPaint 88ms 22ms 72ms 260ms 132ms 260ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms

Results generated automatically by MetaMask CI

@metamaskbot
Copy link
Collaborator

Builds ready [b10df64]
UI Startup Metrics (1219 ± 60 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyHomeuiStartup1219109913936012411341
load105895612035710791182
domContentLoaded105095011955810711173
domInteractive17136061731
firstPaint68486120242910741182
backgroundConnect24623329610249265
firstReactRender24174352636
getState1455991931
initialActions50788614
loadScripts81171095356832936
setupStore1061931117
WebpackHomeuiStartup20421584268130022572561
load16411278209423618241990
domContentLoaded16311271207723518161979
domInteractive171274121547
firstPaint1736241963202288
backgroundConnect3414294333366
firstReactRender76363134482107
getState3443347514281
initialActions7216917610
loadScripts16281268206523418131966
setupStore176292371425
FirefoxBrowserifyHomeuiStartup17951470229016318792139
load15571251199513716381821
domContentLoaded15571250199513716371821
domInteractive1423459579148343
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect54262593849150
firstReactRender33257263542
getState9311412818
initialActions518710514
loadScripts15151225189713616021793
setupStore165232271167
WebpackHomeuiStartup16771429211015418141938
load14201196168813315351625
domContentLoaded14191195168713315351625
domInteractive1134130447115238
firstPaintNaNNaNNaNNaNNaNNaN
backgroundConnect34245473849
firstReactRender48387665258
getState74202711
initialActions712302546
loadScripts13951168166013315071600
setupStore11684101024
Benchmark value 247 exceeds gate value 10 for chrome browserify home mean backgroundConnect
Benchmark value 24 exceeds gate value 23 for chrome browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for chrome browserify home mean initialActions
Benchmark value 1182 exceeds gate value 1180 for chrome browserify home p95 firstPaint
Benchmark value 266 exceeds gate value 18 for chrome browserify home p95 backgroundConnect
Benchmark value 14 exceeds gate value 1.2 for chrome browserify home p95 initialActions
Benchmark value 35 exceeds gate value 29 for chrome webpack home mean getState
Benchmark value 2561 exceeds gate value 2454 for chrome webpack home p95 uiStartup
Benchmark value 281 exceeds gate value 195 for chrome webpack home p95 getState
Benchmark value 10 exceeds gate value 7 for chrome webpack home p95 initialActions
Benchmark value 1795 exceeds gate value 1405 for firefox browserify home mean uiStartup
Benchmark value 1558 exceeds gate value 1245 for firefox browserify home mean load
Benchmark value 1557 exceeds gate value 1239 for firefox browserify home mean domContentLoaded
Benchmark value 142 exceeds gate value 110 for firefox browserify home mean domInteractive
Benchmark value 54 exceeds gate value 25 for firefox browserify home mean backgroundConnect
Benchmark value 33 exceeds gate value 25 for firefox browserify home mean firstReactRender
Benchmark value 6 exceeds gate value 1 for firefox browserify home mean initialActions
Benchmark value 1515 exceeds gate value 1230 for firefox browserify home mean loadScripts
Benchmark value 16 exceeds gate value 9 for firefox browserify home mean setupStore
Benchmark value 2139 exceeds gate value 1660 for firefox browserify home p95 uiStartup
Benchmark value 1821 exceeds gate value 1495 for firefox browserify home p95 load
Benchmark value 1821 exceeds gate value 1495 for firefox browserify home p95 domContentLoaded
Benchmark value 343 exceeds gate value 195 for firefox browserify home p95 domInteractive
Benchmark value 150 exceeds gate value 70 for firefox browserify home p95 backgroundConnect
Benchmark value 14 exceeds gate value 2 for firefox browserify home p95 initialActions
Benchmark value 1793 exceeds gate value 1475 for firefox browserify home p95 loadScripts
Benchmark value 67 exceeds gate value 27 for firefox browserify home p95 setupStore
Benchmark value 1678 exceeds gate value 1615 for firefox webpack home mean uiStartup
Benchmark value 1420 exceeds gate value 1380 for firefox webpack home mean load
Benchmark value 1420 exceeds gate value 1380 for firefox webpack home mean domContentLoaded
Benchmark value 113 exceeds gate value 100 for firefox webpack home mean domInteractive
Benchmark value 34 exceeds gate value 26 for firefox webpack home mean backgroundConnect
Benchmark value 49 exceeds gate value 38 for firefox webpack home mean firstReactRender
Benchmark value 7 exceeds gate value 1 for firefox webpack home mean initialActions
Benchmark value 1395 exceeds gate value 1360 for firefox webpack home mean loadScripts
Benchmark value 1938 exceeds gate value 1935 for firefox webpack home p95 uiStartup
Benchmark value 238 exceeds gate value 156 for firefox webpack home p95 domInteractive
Benchmark value 58 exceeds gate value 50 for firefox webpack home p95 firstReactRender
Benchmark value 6 exceeds gate value 2 for firefox webpack home p95 initialActions
Sum of mean exceeds: 1852ms | Sum of p95 exceeds: 2284.8ms
Sum of all benchmark exceeds: 4136.8ms

Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 43 Bytes (0%)
  • ui: 9.92 KiB (0.13%)
  • common: 1.54 KiB (0.02%)

Copy link
Contributor

@lwin-kyaw lwin-kyaw left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@HowardBraham HowardBraham added this pull request to the merge queue Sep 3, 2025
Merged via the queue into main with commit e47af11 Sep 3, 2025
145 checks passed
@HowardBraham HowardBraham deleted the refactor/5557-onboarding branch September 3, 2025 01:35
@github-actions github-actions bot locked and limited conversation to collaborators Sep 3, 2025
@metamaskbot metamaskbot added the release-13.4.0 Issue or pull request that will be included in release 13.4.0 label Sep 3, 2025
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
release-13.4.0 Issue or pull request that will be included in release 13.4.0 size-L team-extension-platform Extension Platform team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants