Skip to content

Conversation

@lionellbriones
Copy link
Contributor

@lionellbriones lionellbriones commented Nov 6, 2025

Description

Adds Shield Icon with animation to coverage status.

  • Animation will show only when subscription is in Free Trial
  • For shifting through multiple transactions, Icon will change to proper status and reanimate.

Covered
Transaction covered: Green color with shimmer effect

Malicious
Transaction malicious: Danger color with wiggle effect

Not covered
Transaction not covered: Neutral color with wiggle effect

Paused
Shield subscription is paused: Warning color with wiggle effect

https://www.figma.com/design/HTAO1SrmixV4ppv7qIvLoa/Metamask-Transaction-Shield?node-id=10109-24636&t=dpj6EeZul3sgHFVg-4

Open in GitHub Codespaces

Changelog

CHANGELOG entry: Adds shield icon with animation to Transaction Shield coverage status

Related issues Add shield icon with animation

Fixes:

Manual testing steps

  1. Login to an account with shield subscription
  2. Go to https://metamask.github.io/test-dapp/ and connect with metamask
  3. Execute a malicious transaction and a normal transaction
  4. Go to confirmation pop window.
  5. Switch through the confirmations.
  6. Observe Shield Icon at the bottom

Screenshots/Recordings

Before

After

shield-icon-animation.mov

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.

Note

Adds a Rive-based animated shield icon to the footer coverage indicator with severity/paused handling and trial-only playback, plus styles and tests.

  • Confirm Footer UI:
    • Animated Shield Icon: Introduces ShieldIconAnimation (Rive) with severity toggles, WASM/buffer loading, and optional playback.
    • Coverage Indicator Integration: Updates shield-footer-coverage-indicator.tsx to render the icon, map paused subscriptions to Warning, derive severity from alerts, play animation on trialing, require currentConfirmation, and adjust layout to flex.
    • Styles: Adds .riv-animation__shield-icon-container and .riv-animation__canvas sizing in index.scss.
  • Tests:
    • Mocks subscription hooks in footer.test.tsx and animation component in coverage indicator test; verifies Transaction Shield label renders.

Written by Cursor Bugbot for commit 9b23a7e. This will update automatically on new commits. Configure here.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 6, 2025

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-web3auth Web3Auth team label Nov 6, 2025
@metamaskbot
Copy link
Collaborator

metamaskbot commented Nov 6, 2025

✨ Files requiring CODEOWNER review ✨

@MetaMask/confirmations (5 files, +262 -3)
  • 📁 ui/
    • 📁 pages/
      • 📁 confirmations/
        • 📁 components/
          • 📁 confirm/
            • 📁 footer/
              • 📁 shield-footer-coverage-indicator/
                • 📄 shield-footer-coverage-indicator.test.tsx +6 -0
                • 📄 shield-footer-coverage-indicator.tsx +44 -3
                • 📄 shield-icon-animation.tsx +189 -0
                • 📄 footer.test.tsx +11 -0
                • 📄 index.scss +12 -0

@github-actions github-actions bot added the size-M label Nov 6, 2025
@metamaskbot
Copy link
Collaborator

Builds ready [a674dae]
UI Startup Metrics (1287 ± 101 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup12871138186410113271446
load110297515258711401249
domContentLoaded109596914928511351238
domInteractive231468142261
firstPaint66981153244311121224
backgroundConnect2402252959244252
firstReactRender25194642634
getState2186992535
initialActions001001
loadScripts8627471243839021003
setupStore1161821214
numNetworkReqs1367519671
BrowserifyPower User HomeuiStartup19061705228321022282283
load1010886146417312161464
domContentLoaded1001880145817111801458
domInteractive271570183570
firstPaint60316211883549221188
backgroundConnect23721926914250269
firstReactRender26232912629
getState18415721920199219
initialActions001011
loadScripts77565511931629581193
setupStore1192841128
numNetworkReqs1177224464171244
WebpackStandard HomeuiStartup8417121158908481091
load61656495678614846
domContentLoaded60956093874605825
domInteractive171261101442
firstPaint20658942213199832
backgroundConnect241275132754
firstReactRender3118227223439
getState1163041218
initialActions001001
loadScripts60655892872603814
setupStore1163141319
numNetworkReqs1367219770
WebpackPower User HomeuiStartup12521112169415013121694
load66957210461497611046
domContentLoaded64255310261307241026
domInteractive251373214173
firstPaint3939510292846071029
backgroundConnect61161906148190
firstReactRender26233022630
getState1419815720155157
initialActions001011
loadScripts63855110171277141017
setupStore1253391333
numNetworkReqs1087021746165217
FirefoxBrowserifyStandard HomeuiStartup14321274181012114801676
load1215109215979512731400
domContentLoaded1215109215979512731399
domInteractive1173548666115262
firstPaint------
backgroundConnect4323122175086
firstReactRender25214442632
getState9419520617
initialActions001001
loadScripts1190107515749212531363
setupStore14786111336
numNetworkReqs1266214752
BrowserifyPower User HomeuiStartup23942076343334926713433
load13781108194326517301943
domContentLoaded13781108194226517301942
domInteractive17468545131266545
firstPaint------
backgroundConnect923525975162259
firstReactRender392878124478
getState1329517326162173
initialActions101011
loadScripts13401089189924516341899
setupStore3461193351119
numNetworkReqs1346832186209321
WebpackStandard HomeuiStartup16481406207114717091993
load14071243169711214761643
domContentLoaded14071243169711114761642
domInteractive1063131047119223
firstPaint------
backgroundConnect51231332258110
firstReactRender292380102944
getState12420825826
initialActions001011
loadScripts13751226163910314341598
setupStore14777111329
numNetworkReqs1367017765
WebpackPower User HomeuiStartup24472180316827027053168
load14471257195317315581953
domContentLoaded14461257195217315581952
domInteractive13835469111218469
firstPaint------
backgroundConnect1003527176137271
firstReactRender442897165297
getState1247916923139169
initialActions101011
loadScripts14041232187616314981876
setupStore2971313036131
numNetworkReqs1306631681219316
📊 Page Load Benchmark Results

Current Commit: a674dae | Date: 11/6/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.06s (±93ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
  • domContentLoaded-> current mean value: 738ms (±90ms) 🟢 | historical mean value: 735ms ⬆️ (historical data)
  • firstContentfulPaint-> current mean value: 84ms (±68ms) 🟢 | historical mean value: 78ms ⬆️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.06s 93ms 1.03s 1.95s 1.09s 1.95s
domContentLoaded 738ms 90ms 709ms 1.61s 750ms 1.61s
firstPaint 84ms 68ms 60ms 756ms 88ms 756ms
firstContentfulPaint 84ms 68ms 60ms 756ms 88ms 756ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 4.45 KiB (0.06%)
  • common: 25 Bytes (0%)

@metamaskbot
Copy link
Collaborator

Builds ready [674ddd1]
UI Startup Metrics (1210 ± 91 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1210106214809112631404
load103992612698211031194
domContentLoaded103392312598110991187
domInteractive211488151763
firstPaint62492124641310321146
backgroundConnect2282162627231243
firstReactRender24174852536
getState2085592341
initialActions001001
loadScripts809697103179872965
setupStore1062531016
numNetworkReqs1367519669
BrowserifyPower User HomeuiStartup20121720295735924182957
load1051892166421212641664
domContentLoaded1044888165021112551650
domInteractive291567195267
firstPaint64217013033749641303
backgroundConnect23822227213245272
firstReactRender27252912729
getState17116019511183195
initialActions001011
loadScripts816671139120210191391
setupStore1392651226
numNetworkReqs1197325273240252
WebpackStandard HomeuiStartup8237011164868311085
load60355495476597790
domContentLoaded59654893873591776
domInteractive16116691437
firstPaint18458941184196580
backgroundConnect231184142555
firstReactRender29185283338
getState1061731215
initialActions001001
loadScripts59354692770589766
setupStore1162741320
numNetworkReqs1367419870
WebpackPower User HomeuiStartup12521142163813712881638
load651584893101702893
domContentLoaded63356885293673852
domInteractive26121182735118
firstPaint29668892261573892
backgroundConnect50102625968262
firstReactRender26242812728
getState14710417119158171
initialActions001011
loadScripts62856684289662842
setupStore106338833
numNetworkReqs1046522147164221
FirefoxBrowserifyStandard HomeuiStartup14591289192213015131761
load1234111214928412951404
domContentLoaded1233111214918412951403
domInteractive1173530851123218
firstPaint------
backgroundConnect4326129184876
firstReactRender26216162640
getState9417718722
initialActions001001
loadScripts1208109114648012681378
setupStore167205241261
numNetworkReqs1266315857
BrowserifyPower User HomeuiStartup25372117346333726803463
load13891155191222115391912
domContentLoaded13881155191122115381911
domInteractive21474549167387549
firstPaint------
backgroundConnect13824494131255494
firstReactRender463185145385
getState1476532155180321
initialActions101011
loadScripts13441133179620514931796
setupStore3151884440188
numNetworkReqs1326821361202213
WebpackStandard HomeuiStartup16031379216215516621934
load13661202180011014221585
domContentLoaded13651202180011014221585
domInteractive953334534101148
firstPaint------
backgroundConnect47211362649114
firstReactRender312277123264
getState11416325717
initialActions001011
loadScripts13361184174910213941546
setupStore187169251370
numNetworkReqs1366918766
WebpackPower User HomeuiStartup25692220367636727403676
load14891278179017016701790
domContentLoaded14881277179017016701790
domInteractive16043410121273410
firstPaint------
backgroundConnect873219347137193
firstReactRender443076125076
getState15110420033186200
initialActions101011
loadScripts14571252174116416301741
setupStore5682726579272
numNetworkReqs1285630477204304
📊 Page Load Benchmark Results

Current Commit: 674ddd1 | Date: 11/6/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.03s (±37ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 714ms (±35ms) 🟢 | historical mean value: 736ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 75ms (±11ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.03s 37ms 1.00s 1.30s 1.04s 1.30s
domContentLoaded 714ms 35ms 697ms 979ms 722ms 979ms
firstPaint 75ms 11ms 60ms 168ms 84ms 168ms
firstContentfulPaint 75ms 11ms 60ms 168ms 84ms 168ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 4.45 KiB (0.06%)
  • common: 25 Bytes (0%)

@metamaskbot
Copy link
Collaborator

Builds ready [05ca23c]
UI Startup Metrics (1251 ± 94 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1251107316499413061403
load107793514088411321202
domContentLoaded107192913968411241196
domInteractive211470131958
firstPaint69477142743211041182
backgroundConnect2332182598237252
firstReactRender26185462837
getState22969102644
initialActions001001
loadScripts844706115383901972
setupStore1062531118
numNetworkReqs1367519671
BrowserifyPower User HomeuiStartup19911768249524922032495
load1049927139317712621393
domContentLoaded1041918138817512521388
domInteractive301570195570
firstPaint58717313663809371366
backgroundConnect24422428615251286
firstReactRender28253322933
getState18916022521203225
initialActions001011
loadScripts80969111421699991142
setupStore1292641226
numNetworkReqs1287325669189256
WebpackStandard HomeuiStartup8276951149808341032
load60755792472604826
domContentLoaded60055290369598798
domInteractive16125191440
firstPaint20357907204181727
backgroundConnect241260122952
firstReactRender291866103453
getState1153141215
initialActions001001
loadScripts59755089366596788
setupStore1262941223
numNetworkReqs1367519870
WebpackPower User HomeuiStartup13091146180421614651804
load65856910101367981010
domContentLoaded641551957124775957
domInteractive28131473342147
firstPaint30166964272571964
backgroundConnect62102577376257
firstReactRender28236082760
getState14610116219158162
initialActions001011
loadScripts636549947121765947
setupStore1252982329
numNetworkReqs1066622547154225
FirefoxBrowserifyStandard HomeuiStartup14481261195311714971662
load1230108814598912861397
domContentLoaded1230108814598912861397
domInteractive1203333859124247
firstPaint------
backgroundConnect4225114184784
firstReactRender25216052633
getState74263714
initialActions002001
loadScripts1204107114308612561373
setupStore144200201229
numNetworkReqs1166014752
BrowserifyPower User HomeuiStartup26702225362538028253625
load15351221213931218182139
domContentLoaded15351221213931218172139
domInteractive22393629185461629
firstPaint------
backgroundConnect1152825775200257
firstReactRender453363115763
getState1368421835155218
initialActions102112
loadScripts14841202211429617652114
setupStore3271163446116
numNetworkReqs1336930571200305
WebpackStandard HomeuiStartup16231399199612516631957
load13901210166810114401613
domContentLoaded13901210166810114391613
domInteractive993327031111157
firstPaint------
backgroundConnect47261192153100
firstReactRender29227793044
getState83517714
initialActions001001
loadScripts1359119116239414081541
setupStore15777131348
numNetworkReqs1366817766
WebpackPower User HomeuiStartup24902218290519125892905
load15271244195022717691950
domContentLoaded15271244194922717681949
domInteractive16568461132292461
firstPaint------
backgroundConnect1083127472163274
firstReactRender37315674356
getState1367623142178231
initialActions101111
loadScripts14811225184021217181840
setupStore29789266089
numNetworkReqs1285824465207244
📊 Page Load Benchmark Results

Current Commit: 05ca23c | Date: 11/6/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.05s (±37ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
  • domContentLoaded-> current mean value: 730ms (±35ms) 🟢 | historical mean value: 730ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 77ms (±11ms) 🟢 | historical mean value: 78ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.05s 37ms 1.02s 1.32s 1.06s 1.32s
domContentLoaded 730ms 35ms 704ms 991ms 742ms 991ms
firstPaint 77ms 11ms 60ms 172ms 84ms 172ms
firstContentfulPaint 77ms 11ms 60ms 172ms 84ms 172ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 4.47 KiB (0.06%)
  • common: 25 Bytes (0%)

@metamaskbot
Copy link
Collaborator

Builds ready [b8bdf81]
UI Startup Metrics (1164 ± 97 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup116497814179712281319
load99984712719110641136
domContentLoaded99184212519010591129
domInteractive201383121849
firstPaint66065127839910261138
backgroundConnect19417629915199213
firstReactRender24164462841
getState206103122438
initialActions001001
loadScripts805646105489878931
setupStore1172531119
numNetworkReqs1367420671
BrowserifyPower User HomeuiStartup19301706251628222782516
load1029900138717312621387
domContentLoaded1020896137917012451379
domInteractive281562175462
firstPaint6829913734039451373
backgroundConnect23721926212246262
firstReactRender27243122831
getState17215718911186189
initialActions001001
loadScripts795678114216510131142
setupStore1392751127
numNetworkReqs1227525374246253
WebpackStandard HomeuiStartup84770513031018481104
load618564108388606883
domContentLoaded611559105184600860
domInteractive16124381538
firstPaint219591085226190739
backgroundConnect261173142861
firstReactRender29175783438
getState1265961317
initialActions003001
loadScripts608557104081598849
setupStore1254051326
numNetworkReqs1367219871
WebpackPower User HomeuiStartup12551134166915413381669
load650570912114797912
domContentLoaded62756087597706875
domInteractive251364194064
firstPaint32787878264588878
backgroundConnect61919765147197
firstReactRender26242922829
getState14210515818152158
initialActions001011
loadScripts62355886593696865
setupStore1462782527
numNetworkReqs1086816938164169
FirefoxBrowserifyStandard HomeuiStartup14501302196711815091625
load1229111114227912871387
domContentLoaded1229111114227912871387
domInteractive1133434252117215
firstPaint------
backgroundConnect4126128164669
firstReactRender25205052638
getState9421020714
initialActions001001
loadScripts1205109213967712621362
setupStore1267581226
numNetworkReqs1266614751
BrowserifyPower User HomeuiStartup22881863288529126272885
load12901121171518614431715
domContentLoaded12901120171418614431714
domInteractive18547601154300601
firstPaint------
backgroundConnect1032433798182337
firstReactRender40305684756
getState1198617930159179
initialActions105115
loadScripts12541102166516414101665
setupStore2861243340124
numNetworkReqs1256221258200212
WebpackStandard HomeuiStartup15831433216715515872023
load1348122116799713651576
domContentLoaded1348122016789713651576
domInteractive963330039110164
firstPaint------
backgroundConnect46222212948112
firstReactRender302173122966
getState74426718
initialActions002001
loadScripts1318120115328513431514
setupStore157148171436
numNetworkReqs1366917764
WebpackPower User HomeuiStartup26672167381054029263810
load15511286202123018232021
domContentLoaded15501285202123018222021
domInteractive19358701185371701
firstPaint------
backgroundConnect973533188170331
firstReactRender473176125776
getState1338727649160276
initialActions107217
loadScripts15181264198622317731986
setupStore25755184755
numNetworkReqs1316432397235323
📊 Page Load Benchmark Results

Current Commit: b8bdf81 | Date: 11/7/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.02s (±41ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 713ms (±39ms) 🟢 | historical mean value: 729ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 75ms (±15ms) 🟢 | historical mean value: 77ms ⬇️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.02s 41ms 1.00s 1.35s 1.06s 1.35s
domContentLoaded 713ms 39ms 694ms 1.03s 731ms 1.03s
firstPaint 75ms 15ms 56ms 212ms 84ms 212ms
firstContentfulPaint 75ms 15ms 56ms 212ms 84ms 212ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 4.47 KiB (0.06%)
  • common: 24 Bytes (0%)

@lionellbriones lionellbriones marked this pull request as ready for review November 7, 2025 05:58
@lionellbriones lionellbriones requested a review from a team as a code owner November 7, 2025 05:58
@metamaskbot
Copy link
Collaborator

Builds ready [9b23a7e]
UI Startup Metrics (1235 ± 92 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1235108814769212911402
load106292813008311281198
domContentLoaded105692512938211241190
domInteractive211479131852
firstPaint62093130943410621196
backgroundConnect2312172619236252
firstReactRender2819142152742
getState22883122553
initialActions001001
loadScripts831700107382894966
setupStore1172641220
numNetworkReqs1357318668
BrowserifyPower User HomeuiStartup19041711245819220252458
load1032897139516012371395
domContentLoaded1024888138915912271389
domInteractive291569195469
firstPaint77517713283629671328
backgroundConnect24022527414248274
firstReactRender29255273052
getState18015622221189222
initialActions001011
loadScripts79766511711609991171
setupStore1292441124
numNetworkReqs1617534098256340
WebpackStandard HomeuiStartup764637108572779918
load54750284260537691
domContentLoaded54049581557532668
domInteractive15117791435
firstPaint20554818191180656
backgroundConnect241075123151
firstReactRender2917175193335
getState1051831215
initialActions001001
loadScripts53749380855530660
setupStore1253051327
numNetworkReqs1367319871
WebpackPower User HomeuiStartup12351131159212112621592
load642565982108686982
domContentLoaded62555493499676934
domInteractive251379213279
firstPaint37464937285608937
backgroundConnect47101814454181
firstReactRender26242912729
getState1427417024154170
initialActions001011
loadScripts62155292496665924
setupStore14641102641
numNetworkReqs1316828356170283
FirefoxBrowserifyStandard HomeuiStartup14891275207314215261750
load12631106152710413271473
domContentLoaded12631106152710413271473
domInteractive1203440563114311
firstPaint------
backgroundConnect4425124195193
firstReactRender27226072743
getState74425817
initialActions001001
loadScripts1236108715009913021443
setupStore177228311331
numNetworkReqs1267215756
BrowserifyPower User HomeuiStartup24592151276719227032767
load14181151173418516301734
domContentLoaded14181151173318516301733
domInteractive21179632190376632
firstPaint------
backgroundConnect983420849125208
firstReactRender463396195196
getState1217818129138181
initialActions106116
loadScripts13851133170918416101709
setupStore5762756976275
numNetworkReqs2176939294289392
WebpackStandard HomeuiStartup15501398214615015471902
load13271191164010513421594
domContentLoaded13271191164010513421594
domInteractive1003239357108177
firstPaint------
backgroundConnect44211222049102
firstReactRender28217292937
getState83598716
initialActions001001
loadScripts1298115615919713171554
setupStore167201221349
numNetworkReqs1367118764
WebpackPower User HomeuiStartup25602143302322727533023
load15761242183918617501839
domContentLoaded15751241183818617491838
domInteractive17444518138331518
firstPaint------
backgroundConnect962823357142233
firstReactRender433473104873
getState1184018937145189
initialActions106216
loadScripts15351225180517716951805
setupStore4861564287156
numNetworkReqs19063452109258452
📊 Page Load Benchmark Results

Current Commit: 9b23a7e | Date: 11/7/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.04s (±40ms) 🟡 | historical mean value: 1.05s ⬇️ (historical data)
  • domContentLoaded-> current mean value: 722ms (±36ms) 🟢 | historical mean value: 729ms ⬇️ (historical data)
  • firstContentfulPaint-> current mean value: 78ms (±15ms) 🟢 | historical mean value: 77ms ⬆️ (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 722ms 36ms 698ms 997ms 746ms 997ms
firstPaint 78ms 15ms 64ms 216ms 84ms 216ms
firstContentfulPaint 78ms 15ms 64ms 216ms 84ms 216ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 4.47 KiB (0.06%)
  • common: 24 Bytes (0%)

tuna1207
tuna1207 previously approved these changes Nov 7, 2025
@metamaskbot
Copy link
Collaborator

Builds ready [0906444]
UI Startup Metrics (1218 ± 84 ms)
PlatformBuildTypePageMetricMean (ms)Min (ms)Max (ms)Std Dev (ms)P 75 (ms)P 95 (ms)
ChromeBrowserifyStandard HomeuiStartup1218108014678412661401
load104592012747810881210
domContentLoaded103891512507610821204
domInteractive211478132061
firstPaint67379128842210601219
backgroundConnect2312172698235246
firstReactRender24194952534
getState20760102238
initialActions001001
loadScripts814697102376860976
setupStore1053041018
numNetworkReqs1367419671
BrowserifyPower User HomeuiStartup19011719236921221632369
load1032912142518812891425
domContentLoaded1024906140318512801403
domInteractive271471194971
firstPaint58516914344679371434
backgroundConnect23822326512249265
firstReactRender27233432934
getState17315520313184203
initialActions001001
loadScripts798684115518010531155
setupStore1392861428
numNetworkReqs1187324860154248
WebpackStandard HomeuiStartup8277011159898381073
load60655795778597843
domContentLoaded59955394475593816
domInteractive16125291438
firstPaint19959947207190759
backgroundConnect241278132658
firstReactRender29185883436
getState1153131215
initialActions001001
loadScripts59655193373591806
setupStore1152841319
numNetworkReqs1367519870
WebpackPower User HomeuiStartup12191117151312512471513
load64856510421357611042
domContentLoaded63355510101277411010
domInteractive201244133944
firstPaint3456310142755621014
backgroundConnect50111775393177
firstReactRender26232812628
getState1368715424151154
initialActions001011
loadScripts62955310001247301000
setupStore1262672426
numNetworkReqs1086616939164169
FirefoxBrowserifyStandard HomeuiStartup14441276190712015211662
load1222109814348212821369
domContentLoaded1222109714348212821369
domInteractive1103530445118216
firstPaint------
backgroundConnect412596125063
firstReactRender26214242640
getState84668726
initialActions002001
loadScripts1199107814077912611345
setupStore13783101529
numNetworkReqs1266114752
BrowserifyPower User HomeuiStartup24732097327135826503271
load13661160185819715221858
domContentLoaded13661160185719715221857
domInteractive21793606188505606
firstPaint------
backgroundConnect14135433114232433
firstReactRender453090154990
getState1254425645142256
initialActions101011
loadScripts13211141181419614961814
setupStore26587253187
numNetworkReqs1297031273183312
WebpackStandard HomeuiStartup16131379226317116312085
load13671211170910914081619
domContentLoaded13671210170910914071618
domInteractive1023033844108184
firstPaint------
backgroundConnect51202223053113
firstReactRender312379123175
getState949412736
initialActions001011
loadScripts13341194167010113821575
setupStore207254321377
numNetworkReqs1366918766
WebpackPower User HomeuiStartup25172143322729926313227
load15561271190421217891904
domContentLoaded15561270190421317891904
domInteractive15749407122280407
firstPaint------
backgroundConnect1094324858158248
firstReactRender39325464054
getState1284733860139338
initialActions001011
loadScripts15081247186119117171861
setupStore3051694239169
numNetworkReqs1296127268191272
📊 Page Load Benchmark Results

Current Commit: 0906444 | Date: 11/7/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

  • pageLoadTime-> current mean value: 1.05s (±41ms) 🟡 | historical mean value: 1.03s ⬆️ (historical data)
  • domContentLoaded-> current mean value: 729ms (±39ms) 🟢 | historical mean value: 718ms ⬆️ (historical data)
  • firstContentfulPaint-> current mean value: 77ms (±10ms) 🟢 | historical mean value: 76ms ⬆️ (historical data)

📈 Detailed Results

Metric Mean Std Dev Min Max P95 P99
pageLoadTime 1.05s 41ms 1.02s 1.36s 1.08s 1.36s
domContentLoaded 729ms 39ms 706ms 1.04s 751ms 1.04s
firstPaint 77ms 10ms 64ms 160ms 92ms 160ms
firstContentfulPaint 77ms 10ms 64ms 160ms 92ms 160ms
largestContentfulPaint 0ms 0ms 0ms 0ms 0ms 0ms
Bundle size diffs [🚨 Warning! Bundle size has increased!]
  • background: 58 Bytes (0%)
  • ui: 4.34 KiB (0.06%)
  • common: 282 Bytes (0%)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Needs dev review

Development

Successfully merging this pull request may close these issues.

5 participants