Something went wrong. Try again.
inkfinite (an infinite canvas/whiteboard) monorepo ink.stormlightlabs.org
svelte rust tauri svg canvas perfect-freehand
Something went wrong. Try again.
60 kB · 2204 lines
JSON
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205{ "schemaVersion": 1, "capturedAt": "2026-08-24T01:20:47.949Z", "fixture": { "path": "fixtures/native/performance/corpus.json", "seed": 439041101, "profiles": [ "flat" ], "sizes": [ 1000 ], "viewport": { "width": 1280, "height": 720 }, "camera": { "x": 3200, "y": 3200, "zoom": 1 } }, "hardware": { "platform": "darwin", "osRelease": "25.5.0", "cpu": "Apple M1", "logicalCpuCount": 8, "totalMemoryBytes": 8589934592, "freeMemoryBytesAtCapture": 71680000 }, "runtime": { "node": "v26.7.0", "chrome": "Google Chrome 152.0.7977.54", "playwright": "Version 1.61.1" }, "sampling": { "warmups": 1, "samples": 3, "statistic": "median of post-warmup browser samples", "clock": "browser performance.now() marks", "traces": "Chrome DevTools Protocol tracing for the first measured sample" }, "scope": { "browser": "Chrome channel with deviceScaleFactor 1", "workloads": [ "load", "pan", "zoom", "box-selection", "single-drag", "multi-drag", "vector-edit", "connected-drag", "nested-selection" ], "measured": [ "load", "pan", "zoom", "box selection", "single-object drag", "multi-object drag", "vector editing", "connected-shape movement", "nested selection", "Chrome frames, paint, raster, compositor, long tasks, GC, and memory", "JS-to-WASM requests and editor projection/store marks" ], "excluded": [ "full Playwright tracing", "network timing after the editor is ready" ] }, "measurements": [ { "profile": "flat", "size": 1000, "workload": "load", "status": "measured", "sampling": { "warmups": 1, "samples": 3 }, "summary": { "count": 3, "medianMs": 1491, "p95Ms": 1846, "regressionBudget": { "statistic": "p95 milliseconds", "maximum": 2215.2, "tolerancePercent": 20 }, "minimumMs": 1484, "maximumMs": 1846, "metrics": { "median": { "Timestamp": 1.4903460000641644, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": -4, "Frames": -1, "JSEventListeners": -55, "LayoutObjects": -437, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": -904, "Resources": -369, "ContextLifecycleStateObservers": -14, "V8PerContextDatas": -2, "WorkerGlobalScopes": 1, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": -2, "AdSubframes": 0, "DetachedScriptStates": -2, "ArrayBufferContents": 1, "LayoutCount": 10, "RecalcStyleCount": 10, "LayoutDuration": 0.0048829999999999985, "RecalcStyleDuration": 0.003577999999999998, "DevToolsCommandDuration": 0.006084999999999993, "ScriptDuration": 0.026494000000000004, "V8CompileDuration": 0.000010999999999999996, "TaskDuration": 0.24100200000000016, "TaskOtherDuration": 0.199739, "ThreadTime": 0.24856100000000003, "ProcessTime": 1.7623759999999997, "JSHeapUsedSize": 4432404, "JSHeapTotalSize": 7094272, "FirstMeaningfulPaint": 1199207.533451, "DomContentLoaded": 0.21978499996475875, "NavigationStart": 0.233183000003919 } } }, "samples": [ { "wallClockMs": 1846, "metrics": { "Timestamp": 1.8859129999764264, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": -39, "Frames": -3, "JSEventListeners": -1186, "LayoutObjects": -925, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": -1976, "Resources": -521, "ContextLifecycleStateObservers": -65, "V8PerContextDatas": -6, "WorkerGlobalScopes": 1, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": -37, "AdSubframes": 0, "DetachedScriptStates": -6, "ArrayBufferContents": -3, "LayoutCount": 10, "RecalcStyleCount": 12, "LayoutDuration": 0.004785999999999999, "RecalcStyleDuration": 0.004247000000000001, "DevToolsCommandDuration": 0.006045999999999996, "ScriptDuration": 0.025009000000000003, "V8CompileDuration": 0.00001299999999999999, "TaskDuration": 0.25831100000000007, "TaskOtherDuration": 0.21821000000000007, "ThreadTime": 0.261814, "ProcessTime": 1.822947, "JSHeapUsedSize": -7587660, "JSHeapTotalSize": 540672, "FirstMeaningfulPaint": 1199205.410269, "DomContentLoaded": 0.23995300009846687, "NavigationStart": 0.2523340000770986 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:load:1", "startTime": 12.699999809265137, "duration": 1548.6000001430511 }, "wasm": [ { "name": "inkfinite:wasm:create_document:1", "startTime": 217, "duration": 1267 } ], "projection": [ { "name": "inkfinite:editor:projection:1", "startTime": 106, "duration": 3.6999998092651367 }, { "name": "inkfinite:editor:projection:2", "startTime": 1537.8999998569489, "duration": 2.700000047683716 } ], "longTasks": [ { "name": "self", "startTime": 113.59999990463257, "duration": 104 } ], "gc": [] }, "trace": { "eventCount": 11009, "frameAndPaint": { "frames": { "count": 397, "eventCount": 397, "timedEventCount": 0, "instantEventCount": 183, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "paint": { "count": 352, "eventCount": 352, "timedEventCount": 321, "instantEventCount": 31, "medianMs": 0.002, "p95Ms": 0.037, "maximumMs": 2.502, "totalMs": 7.33900000000001 }, "raster": { "count": 0, "eventCount": 0, "timedEventCount": 0, "instantEventCount": 0, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "compositor": { "count": 111, "eventCount": 111, "timedEventCount": 30, "instantEventCount": 7, "medianMs": 0.038, "p95Ms": 0.254, "maximumMs": 0.77, "totalMs": 1.9929999999999994 }, "layout": { "count": 36, "eventCount": 36, "timedEventCount": 36, "instantEventCount": 0, "medianMs": 0.027, "p95Ms": 2.076, "maximumMs": 2.912, "totalMs": 8.715999999999998 } }, "longTaskCount": 0, "longTaskTotalMs": 0, "gcCount": 650, "gcTotalMs": 101.66000000000021, "unclassifiedEventCount": 5121 }, "tracePath": "/Users/owais/Projects/StormlightLabs/OpenSource/inkfinite/fixtures/native/performance/browser-traces/flat-1000-load-1.json.gz" }, { "wallClockMs": 1484, "metrics": { "Timestamp": 1.483792999992147, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": -4, "Frames": -1, "JSEventListeners": 986, "LayoutObjects": -437, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": -904, "Resources": -359, "ContextLifecycleStateObservers": -14, "V8PerContextDatas": -2, "WorkerGlobalScopes": 1, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": -2, "AdSubframes": 0, "DetachedScriptStates": 2, "ArrayBufferContents": 2, "LayoutCount": 10, "RecalcStyleCount": 9, "LayoutDuration": 0.004905999999999994, "RecalcStyleDuration": 0.0034029999999999963, "DevToolsCommandDuration": 0.006094999999999989, "ScriptDuration": 0.028957999999999998, "V8CompileDuration": 0.000010999999999999996, "TaskDuration": 0.24100200000000016, "TaskOtherDuration": 0.19762900000000005, "ThreadTime": 0.24856100000000003, "ProcessTime": 1.7548659999999998, "JSHeapUsedSize": 4432404, "JSHeapTotalSize": 7094272, "FirstMeaningfulPaint": 1199207.533451, "DomContentLoaded": 0.21978499996475875, "NavigationStart": 0.233183000003919 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:load:2", "startTime": 7, "duration": 1475 }, "wasm": [ { "name": "inkfinite:wasm:create_document:1", "startTime": 210.89999985694885, "duration": 1210.1000001430511 } ], "projection": [ { "name": "inkfinite:editor:projection:1", "startTime": 96.89999985694885, "duration": 4.1000001430511475 }, { "name": "inkfinite:editor:projection:2", "startTime": 1474.7000000476837, "duration": 1.5 } ], "longTasks": [ { "name": "self", "startTime": 104.29999995231628, "duration": 108 } ], "gc": [] }, "trace": null, "tracePath": null }, { "wallClockMs": 1491, "metrics": { "Timestamp": 1.4903460000641644, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": -4, "Frames": -1, "JSEventListeners": -55, "LayoutObjects": -437, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": -904, "Resources": -369, "ContextLifecycleStateObservers": -14, "V8PerContextDatas": -2, "WorkerGlobalScopes": 1, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": -2, "AdSubframes": 0, "DetachedScriptStates": -2, "ArrayBufferContents": 1, "LayoutCount": 10, "RecalcStyleCount": 10, "LayoutDuration": 0.0048829999999999985, "RecalcStyleDuration": 0.003577999999999998, "DevToolsCommandDuration": 0.006084999999999993, "ScriptDuration": 0.026494000000000004, "V8CompileDuration": 0.000009000000000000029, "TaskDuration": 0.240788, "TaskOtherDuration": 0.199739, "ThreadTime": 0.246494, "ProcessTime": 1.7623759999999997, "JSHeapUsedSize": 7167468, "JSHeapTotalSize": 11534336, "FirstMeaningfulPaint": 1199209.204696, "DomContentLoaded": 0.17299799993634224, "NavigationStart": 0.19221500004641712 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:load:3", "startTime": 6.200000047683716, "duration": 1482.2999999523163 }, "wasm": [ { "name": "inkfinite:wasm:create_document:1", "startTime": 206.20000004768372, "duration": 1214.7000000476837 } ], "projection": [ { "name": "inkfinite:editor:projection:1", "startTime": 97.59999990463257, "duration": 3.9000000953674316 }, { "name": "inkfinite:editor:projection:2", "startTime": 1475.4000000953674, "duration": 1.3999998569488525 } ], "longTasks": [ { "name": "self", "startTime": 102.59999990463257, "duration": 105 } ], "gc": [] }, "trace": null, "tracePath": null } ] }, { "profile": "flat", "size": 1000, "workload": "pan", "status": "measured", "sampling": { "warmups": 1, "samples": 3 }, "summary": { "count": 3, "medianMs": 348, "p95Ms": 348.39999985694885, "regressionBudget": { "statistic": "p95 milliseconds", "maximum": 418.0799998283386, "tolerancePercent": 20 }, "minimumMs": 345.19999980926514, "maximumMs": 348.39999985694885, "metrics": { "median": { "Timestamp": 0.35040999995544553, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 48, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 18, "RecalcStyleCount": 4, "LayoutDuration": 0.002151000000000014, "RecalcStyleDuration": 0.00023400000000001198, "DevToolsCommandDuration": 0.0049859999999999904, "ScriptDuration": 0.04433900000000002, "V8CompileDuration": 0, "TaskDuration": 0.06731100000000012, "TaskOtherDuration": 0.016602999999999923, "ThreadTime": 0.06682600000000027, "ProcessTime": 0.11427699999999952, "JSHeapUsedSize": 4583384, "JSHeapTotalSize": 1310720, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 } } }, "samples": [ { "wallClockMs": 345.19999980926514, "metrics": { "Timestamp": 0.49402600014582276, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 48, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 18, "RecalcStyleCount": 4, "LayoutDuration": 0.002151000000000014, "RecalcStyleDuration": 0.00021399999999999197, "DevToolsCommandDuration": 0.005763999999999991, "ScriptDuration": 0.04874400000000001, "V8CompileDuration": 0, "TaskDuration": 0.08063299999999973, "TaskOtherDuration": 0.023760000000000003, "ThreadTime": 0.08041000000000009, "ProcessTime": 0.13658200000000065, "JSHeapUsedSize": 4583384, "JSHeapTotalSize": 786432, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-pan:4", "startTime": 1565.3000001907349, "duration": 345.19999980926514 }, "wasm": [], "projection": [], "longTasks": [], "gc": [] }, "trace": { "eventCount": 7143, "frameAndPaint": { "frames": { "count": 106, "eventCount": 106, "timedEventCount": 0, "instantEventCount": 60, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "paint": { "count": 195, "eventCount": 195, "timedEventCount": 176, "instantEventCount": 19, "medianMs": 0.006, "p95Ms": 0.115, "maximumMs": 1.42, "totalMs": 6.349999999999992 }, "raster": { "count": 0, "eventCount": 0, "timedEventCount": 0, "instantEventCount": 0, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "compositor": { "count": 136, "eventCount": 136, "timedEventCount": 40, "instantEventCount": 18, "medianMs": 0.027, "p95Ms": 0.056, "maximumMs": 0.13, "totalMs": 1.3319999999999996 }, "layout": { "count": 29, "eventCount": 29, "timedEventCount": 29, "instantEventCount": 0, "medianMs": 0.101, "p95Ms": 0.132, "maximumMs": 0.144, "totalMs": 2.3020000000000005 } }, "longTaskCount": 0, "longTaskTotalMs": 0, "gcCount": 84, "gcTotalMs": 42.059999999999995, "unclassifiedEventCount": 5280 }, "tracePath": "/Users/owais/Projects/StormlightLabs/OpenSource/inkfinite/fixtures/native/performance/browser-traces/flat-1000-pan-1.json.gz" }, { "wallClockMs": 348, "metrics": { "Timestamp": 0.34925700002349913, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 48, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 18, "RecalcStyleCount": 4, "LayoutDuration": 0.0021070000000000255, "RecalcStyleDuration": 0.00023400000000001198, "DevToolsCommandDuration": 0.0049859999999999904, "ScriptDuration": 0.04433900000000002, "V8CompileDuration": 0, "TaskDuration": 0.06649700000000003, "TaskOtherDuration": 0.014830999999999817, "ThreadTime": 0.06682600000000027, "ProcessTime": 0.11427699999999952, "JSHeapUsedSize": 4487340, "JSHeapTotalSize": 1310720, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-pan:5", "startTime": 1528.3999998569489, "duration": 348 }, "wasm": [], "projection": [], "longTasks": [], "gc": [] }, "trace": null, "tracePath": null }, { "wallClockMs": 348.39999985694885, "metrics": { "Timestamp": 0.35040999995544553, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 48, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 18, "RecalcStyleCount": 4, "LayoutDuration": 0.0022130000000000205, "RecalcStyleDuration": 0.00026199999999999835, "DevToolsCommandDuration": 0.004960999999999993, "ScriptDuration": 0.04327199999999998, "V8CompileDuration": 0, "TaskDuration": 0.06731100000000012, "TaskOtherDuration": 0.016602999999999923, "ThreadTime": 0.06679900000000005, "ProcessTime": 0.11064799999999764, "JSHeapUsedSize": 5778844, "JSHeapTotalSize": 1310720, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-pan:6", "startTime": 1512.7000000476837, "duration": 348.39999985694885 }, "wasm": [], "projection": [], "longTasks": [], "gc": [] }, "trace": null, "tracePath": null } ] }, { "profile": "flat", "size": 1000, "workload": "zoom", "status": "measured", "sampling": { "warmups": 1, "samples": 3 }, "summary": { "count": 3, "medianMs": 347.7999999523163, "p95Ms": 753.5, "regressionBudget": { "statistic": "p95 milliseconds", "maximum": 904.1999999999999, "tolerancePercent": 20 }, "minimumMs": 345, "maximumMs": 753.5, "metrics": { "median": { "Timestamp": 0.5608390001580119, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 0, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 8, "RecalcStyleCount": 0, "LayoutDuration": 0.001399000000000039, "RecalcStyleDuration": 0, "DevToolsCommandDuration": 0.0030789999999999984, "ScriptDuration": 0.038825, "V8CompileDuration": 0, "TaskDuration": 0.06823699999999988, "TaskOtherDuration": 0.020207000000000086, "ThreadTime": 0.05630999999999986, "ProcessTime": 0.09309199999999862, "JSHeapUsedSize": 5140776, "JSHeapTotalSize": 0, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 } } }, "samples": [ { "wallClockMs": 345, "metrics": { "Timestamp": 0.5608390001580119, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 0, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 8, "RecalcStyleCount": 0, "LayoutDuration": 0.001399000000000039, "RecalcStyleDuration": 0, "DevToolsCommandDuration": 0.0030789999999999984, "ScriptDuration": 0.038825, "V8CompileDuration": 0, "TaskDuration": 0.06823699999999988, "TaskOtherDuration": 0.02493400000000001, "ThreadTime": 0.05630999999999986, "ProcessTime": 0.09309199999999862, "JSHeapUsedSize": 5140776, "JSHeapTotalSize": 0, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-zoom:7", "startTime": 1851.5999999046326, "duration": 345 }, "wasm": [], "projection": [], "longTasks": [], "gc": [] }, "trace": { "eventCount": 4822, "frameAndPaint": { "frames": { "count": 101, "eventCount": 101, "timedEventCount": 0, "instantEventCount": 53, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "paint": { "count": 198, "eventCount": 198, "timedEventCount": 187, "instantEventCount": 11, "medianMs": 0.003, "p95Ms": 0.116, "maximumMs": 1.829, "totalMs": 5.942999999999998 }, "raster": { "count": 0, "eventCount": 0, "timedEventCount": 0, "instantEventCount": 0, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "compositor": { "count": 87, "eventCount": 87, "timedEventCount": 26, "instantEventCount": 11, "medianMs": 0.033, "p95Ms": 0.162, "maximumMs": 0.185, "totalMs": 1.3270000000000002 }, "layout": { "count": 15, "eventCount": 15, "timedEventCount": 15, "instantEventCount": 0, "medianMs": 0.11, "p95Ms": 0.258, "maximumMs": 0.258, "totalMs": 1.3960000000000001 } }, "longTaskCount": 0, "longTaskTotalMs": 0, "gcCount": 57, "gcTotalMs": 27.15999999999999, "unclassifiedEventCount": 3269 }, "tracePath": "/Users/owais/Projects/StormlightLabs/OpenSource/inkfinite/fixtures/native/performance/browser-traces/flat-1000-zoom-1.json.gz" }, { "wallClockMs": 347.7999999523163, "metrics": { "Timestamp": 0.3505790000781417, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 0, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 8, "RecalcStyleCount": 0, "LayoutDuration": 0.0011430000000000051, "RecalcStyleDuration": 0, "DevToolsCommandDuration": 0.0021769999999999845, "ScriptDuration": 0.032590999999999926, "V8CompileDuration": 0, "TaskDuration": 0.04562400000000011, "TaskOtherDuration": 0.009713000000000083, "ThreadTime": 0.042318000000000744, "ProcessTime": 0.06954300000000302, "JSHeapUsedSize": 4594868, "JSHeapTotalSize": -507904, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-zoom:8", "startTime": 1964.6000001430511, "duration": 347.7999999523163 }, "wasm": [], "projection": [], "longTasks": [], "gc": [] }, "trace": null, "tracePath": null }, { "wallClockMs": 753.5, "metrics": { "Timestamp": 0.758828999940306, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 0, "LayoutObjects": 0, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 0, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": -1, "LayoutCount": 9, "RecalcStyleCount": 0, "LayoutDuration": 0.0020649999999999835, "RecalcStyleDuration": 0, "DevToolsCommandDuration": 0.004525000000000001, "ScriptDuration": 0.04361700000000002, "V8CompileDuration": 0, "TaskDuration": 0.07041400000000042, "TaskOtherDuration": 0.020207000000000086, "ThreadTime": 0.06806000000000001, "ProcessTime": 0.10997400000000113, "JSHeapUsedSize": 10000940, "JSHeapTotalSize": 3932160, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-zoom:9", "startTime": 1812.2999999523163, "duration": 753.5 }, "wasm": [], "projection": [], "longTasks": [], "gc": [] }, "trace": null, "tracePath": null } ] }, { "profile": "flat", "size": 1000, "workload": "box-selection", "status": "measured", "sampling": { "warmups": 1, "samples": 3 }, "summary": { "count": 3, "medianMs": 462.09999990463257, "p95Ms": 480.69999980926514, "regressionBudget": { "statistic": "p95 milliseconds", "maximum": 576.8399997711182, "tolerancePercent": 20 }, "minimumMs": 448.39999985694885, "maximumMs": 480.69999980926514, "metrics": { "median": { "Timestamp": 0.48346200003288686, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 89, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 371, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 0, "LayoutCount": 23, "RecalcStyleCount": 26, "LayoutDuration": 0.004630999999999941, "RecalcStyleDuration": 0.003155000000000019, "DevToolsCommandDuration": 0.007676999999999989, "ScriptDuration": 0.05143000000000009, "V8CompileDuration": 0, "TaskDuration": 0.13526799999999994, "TaskOtherDuration": 0.06899699999999953, "ThreadTime": 0.13092599999999965, "ProcessTime": 0.23538800000000393, "JSHeapUsedSize": -3491580, "JSHeapTotalSize": 4603904, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 } } }, "samples": [ { "wallClockMs": 462.09999990463257, "metrics": { "Timestamp": 0.6417040000669658, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 89, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 371, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 1, "LayoutCount": 23, "RecalcStyleCount": 26, "LayoutDuration": 0.004630999999999941, "RecalcStyleDuration": 0.003155000000000019, "DevToolsCommandDuration": 0.007054999999999978, "ScriptDuration": 0.05143000000000009, "V8CompileDuration": 0, "TaskDuration": 0.13526799999999994, "TaskOtherDuration": 0.06899699999999953, "ThreadTime": 0.13092599999999965, "ProcessTime": 0.23538800000000393, "JSHeapUsedSize": 20146680, "JSHeapTotalSize": 6815744, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-box-selection:10", "startTime": 1615.6000001430511, "duration": 462.09999990463257 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1972.4000000953674, "duration": 47.5 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1950.2999999523163, "duration": 17.200000047683716 } ], "longTasks": [ { "name": "self", "startTime": 1945.6000001430511, "duration": 66 } ], "gc": [] }, "trace": { "eventCount": 9015, "frameAndPaint": { "frames": { "count": 135, "eventCount": 135, "timedEventCount": 0, "instantEventCount": 73, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "paint": { "count": 391, "eventCount": 391, "timedEventCount": 373, "instantEventCount": 18, "medianMs": 0.008, "p95Ms": 0.143, "maximumMs": 2.026, "totalMs": 15.130999999999979 }, "raster": { "count": 0, "eventCount": 0, "timedEventCount": 0, "instantEventCount": 0, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "compositor": { "count": 154, "eventCount": 154, "timedEventCount": 44, "instantEventCount": 20, "medianMs": 0.037, "p95Ms": 0.157, "maximumMs": 0.183, "totalMs": 2.2819999999999996 }, "layout": { "count": 59, "eventCount": 59, "timedEventCount": 59, "instantEventCount": 0, "medianMs": 0.09, "p95Ms": 0.199, "maximumMs": 1.783, "totalMs": 7.757 } }, "longTaskCount": 0, "longTaskTotalMs": 0, "gcCount": 129, "gcTotalMs": 55.077000000000005, "unclassifiedEventCount": 6455 }, "tracePath": "/Users/owais/Projects/StormlightLabs/OpenSource/inkfinite/fixtures/native/performance/browser-traces/flat-1000-box-selection-1.json.gz" }, { "wallClockMs": 448.39999985694885, "metrics": { "Timestamp": 0.45013000001199543, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 89, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 371, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 0, "LayoutCount": 23, "RecalcStyleCount": 26, "LayoutDuration": 0.004114000000000062, "RecalcStyleDuration": 0.003063000000000038, "DevToolsCommandDuration": 0.007676999999999989, "ScriptDuration": 0.044737999999999944, "V8CompileDuration": 0, "TaskDuration": 0.11234699999999975, "TaskOtherDuration": 0.05275500000000033, "ThreadTime": 0.11273100000000014, "ProcessTime": 0.20750900000000172, "JSHeapUsedSize": -3491580, "JSHeapTotalSize": 1572864, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-box-selection:11", "startTime": 1575.3000001907349, "duration": 448.39999985694885 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1918.2000000476837, "duration": 41 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1896.3000001907349, "duration": 17.899999856948853 } ], "longTasks": [ { "name": "self", "startTime": 1892.2000000476837, "duration": 60 } ], "gc": [] }, "trace": null, "tracePath": null }, { "wallClockMs": 480.69999980926514, "metrics": { "Timestamp": 0.48346200003288686, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": -8, "Frames": -2, "JSEventListeners": -2322, "LayoutObjects": -663, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": -1933, "Resources": -468, "ContextLifecycleStateObservers": -31, "V8PerContextDatas": -4, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": -8, "AdSubframes": 0, "DetachedScriptStates": -8, "ArrayBufferContents": -8, "LayoutCount": 24, "RecalcStyleCount": 26, "LayoutDuration": 0.00551299999999999, "RecalcStyleDuration": 0.003997000000000028, "DevToolsCommandDuration": 0.009135000000000004, "ScriptDuration": 0.05582600000000015, "V8CompileDuration": 0, "TaskDuration": 0.18098100000000006, "TaskOtherDuration": 0.1065100000000001, "ThreadTime": 0.17666500000000163, "ProcessTime": 0.33938500000000005, "JSHeapUsedSize": -35742728, "JSHeapTotalSize": 4603904, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-box-selection:12", "startTime": 2143.2000000476837, "duration": 480.69999980926514 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 2520.2000000476837, "duration": 43.299999952316284 } ], "projection": [ { "name": "inkfinite:editor:projection:2", "startTime": 2165.7000000476837, "duration": 3.1999998092651367 }, { "name": "inkfinite:editor:store-commit:3", "startTime": 2496.2000000476837, "duration": 18.5 } ], "longTasks": [ { "name": "self", "startTime": 2492.0999999046326, "duration": 64 } ], "gc": [] }, "trace": null, "tracePath": null } ] }, { "profile": "flat", "size": 1000, "workload": "single-drag", "status": "measured", "sampling": { "warmups": 1, "samples": 3 }, "summary": { "count": 3, "medianMs": 533.3999998569489, "p95Ms": 555.9000000953674, "regressionBudget": { "statistic": "p95 milliseconds", "maximum": 667.0800001144408, "tolerancePercent": 20 }, "minimumMs": 499.69999980926514, "maximumMs": 555.9000000953674, "metrics": { "median": { "Timestamp": 0.5630810000002384, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 72, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 312, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 1, "LayoutCount": 23, "RecalcStyleCount": 11, "LayoutDuration": 0.0049600000000000755, "RecalcStyleDuration": 0.0016680000000000028, "DevToolsCommandDuration": 0.009329000000000032, "ScriptDuration": 0.11255799999999994, "V8CompileDuration": 0, "TaskDuration": 0.2722699999999989, "TaskOtherDuration": 0.14240499999999923, "ThreadTime": 0.2507780000000004, "ProcessTime": 0.6481309999999993, "JSHeapUsedSize": 10998020, "JSHeapTotalSize": 0, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 } } }, "samples": [ { "wallClockMs": 533.3999998569489, "metrics": { "Timestamp": 0.7461580000817776, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 72, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 312, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 1, "LayoutCount": 23, "RecalcStyleCount": 12, "LayoutDuration": 0.0049600000000000755, "RecalcStyleDuration": 0.002574999999999994, "DevToolsCommandDuration": 0.009772000000000003, "ScriptDuration": 0.11255799999999994, "V8CompileDuration": 0, "TaskDuration": 0.2722699999999989, "TaskOtherDuration": 0.14240499999999923, "ThreadTime": 0.2507780000000004, "ProcessTime": 0.7282590000000013, "JSHeapUsedSize": 10998020, "JSHeapTotalSize": 7618560, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-single-drag:13", "startTime": 1547.5, "duration": 533.3999998569489 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1651.7999999523163, "duration": 70.09999990463257 }, { "name": "inkfinite:wasm:document_state:3", "startTime": 1983.5999999046326, "duration": 46.10000014305115 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1636.7000000476837, "duration": 14.599999904632568 }, { "name": "inkfinite:editor:store-commit:4", "startTime": 1969.0999999046326, "duration": 14 } ], "longTasks": [ { "name": "self", "startTime": 1635.5, "duration": 59 }, { "name": "self", "startTime": 1967.7999999523163, "duration": 55 } ], "gc": [] }, "trace": { "eventCount": 11183, "frameAndPaint": { "frames": { "count": 193, "eventCount": 193, "timedEventCount": 0, "instantEventCount": 83, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "paint": { "count": 265, "eventCount": 265, "timedEventCount": 248, "instantEventCount": 17, "medianMs": 0.005, "p95Ms": 0.124, "maximumMs": 1.977, "totalMs": 11.221000000000009 }, "raster": { "count": 0, "eventCount": 0, "timedEventCount": 0, "instantEventCount": 0, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "compositor": { "count": 202, "eventCount": 202, "timedEventCount": 48, "instantEventCount": 22, "medianMs": 0.031, "p95Ms": 0.191, "maximumMs": 0.395, "totalMs": 2.5279999999999982 }, "layout": { "count": 44, "eventCount": 44, "timedEventCount": 44, "instantEventCount": 0, "medianMs": 0.112, "p95Ms": 0.89, "maximumMs": 1.994, "totalMs": 7.440000000000002 } }, "longTaskCount": 0, "longTaskTotalMs": 0, "gcCount": 342, "gcTotalMs": 295.2149999999998, "unclassifiedEventCount": 7795 }, "tracePath": "/Users/owais/Projects/StormlightLabs/OpenSource/inkfinite/fixtures/native/performance/browser-traces/flat-1000-single-drag-1.json.gz" }, { "wallClockMs": 555.9000000953674, "metrics": { "Timestamp": 0.5630810000002384, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": -7, "Frames": 0, "JSEventListeners": -2511, "LayoutObjects": -571, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": -2034, "Resources": -250, "ContextLifecycleStateObservers": -28, "V8PerContextDatas": -6, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": -5, "AdSubframes": 0, "DetachedScriptStates": -1, "ArrayBufferContents": -5, "LayoutCount": 23, "RecalcStyleCount": 11, "LayoutDuration": 0.005468999999999946, "RecalcStyleDuration": 0.0015979999999999883, "DevToolsCommandDuration": 0.009329000000000032, "ScriptDuration": 0.13133699999999982, "V8CompileDuration": 0, "TaskDuration": 0.31769099999999995, "TaskOtherDuration": 0.1699579999999994, "ThreadTime": 0.2903570000000002, "ProcessTime": 0.6481309999999993, "JSHeapUsedSize": -49818144, "JSHeapTotalSize": -2080768, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-single-drag:14", "startTime": 1628.5999999046326, "duration": 555.9000000953674 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1703.5999999046326, "duration": 50.700000047683716 }, { "name": "inkfinite:wasm:document_state:3", "startTime": 2047.2999999523163, "duration": 49.200000047683716 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1688, "duration": 14.899999856948853 }, { "name": "inkfinite:editor:store-commit:4", "startTime": 2031, "duration": 15.799999952316284 } ], "longTasks": [ { "name": "self", "startTime": 1668.1999998092651, "duration": 74 }, { "name": "self", "startTime": 2029.5999999046326, "duration": 57 } ], "gc": [] }, "trace": null, "tracePath": null }, { "wallClockMs": 499.69999980926514, "metrics": { "Timestamp": 0.5006099999882281, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 72, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 312, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 2, "LayoutCount": 22, "RecalcStyleCount": 11, "LayoutDuration": 0.003964999999999996, "RecalcStyleDuration": 0.0016680000000000028, "DevToolsCommandDuration": 0.006171999999999955, "ScriptDuration": 0.11020199999999991, "V8CompileDuration": 0, "TaskDuration": 0.2167349999999999, "TaskOtherDuration": 0.09472799999999992, "ThreadTime": 0.21502100000000013, "ProcessTime": 0.4621229999999983, "JSHeapUsedSize": 33251916, "JSHeapTotalSize": 0, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-single-drag:15", "startTime": 1604.2000000476837, "duration": 499.69999980926514 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1671.8999998569489, "duration": 56.30000019073486 }, { "name": "inkfinite:wasm:document_state:3", "startTime": 2004.7000000476837, "duration": 41 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1657.5, "duration": 13.899999856948853 }, { "name": "inkfinite:editor:store-commit:4", "startTime": 1991.2000000476837, "duration": 13.099999904632568 } ], "longTasks": [ { "name": "self", "startTime": 1646.2999999523163, "duration": 65 } ], "gc": [] }, "trace": null, "tracePath": null } ] }, { "profile": "flat", "size": 1000, "workload": "multi-drag", "status": "measured", "sampling": { "warmups": 1, "samples": 3 }, "summary": { "count": 3, "medianMs": 552.2999999523163, "p95Ms": 628.4000000953674, "regressionBudget": { "statistic": "p95 milliseconds", "maximum": 754.0800001144408, "tolerancePercent": 20 }, "minimumMs": 547, "maximumMs": 628.4000000953674, "metrics": { "median": { "Timestamp": 0.629731000168249, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 88, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 365, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 2, "LayoutCount": 25, "RecalcStyleCount": 14, "LayoutDuration": 0.004335000000000089, "RecalcStyleDuration": 0.0022340000000000138, "DevToolsCommandDuration": 0.007140000000000035, "ScriptDuration": 0.1280129999999997, "V8CompileDuration": 0, "TaskDuration": 0.2787550000000003, "TaskOtherDuration": 0.1364749999999999, "ThreadTime": 0.2769390000000005, "ProcessTime": 0.5950539999999975, "JSHeapUsedSize": 13165784, "JSHeapTotalSize": 4194304, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 } } }, "samples": [ { "wallClockMs": 547, "metrics": { "Timestamp": 0.7445970000699162, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 88, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 365, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 2, "LayoutCount": 25, "RecalcStyleCount": 14, "LayoutDuration": 0.0046319999999999695, "RecalcStyleDuration": 0.0022340000000000138, "DevToolsCommandDuration": 0.007400999999999991, "ScriptDuration": 0.1280129999999997, "V8CompileDuration": 0, "TaskDuration": 0.2787550000000003, "TaskOtherDuration": 0.1364749999999999, "ThreadTime": 0.2769390000000005, "ProcessTime": 0.776448000000002, "JSHeapUsedSize": 13165784, "JSHeapTotalSize": 6029312, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-multi-drag:16", "startTime": 1494.5999999046326, "duration": 547 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1561.2000000476837, "duration": 96 }, { "name": "inkfinite:wasm:document_state:3", "startTime": 1618.5, "duration": 64.90000009536743 }, { "name": "inkfinite:wasm:document_state:4", "startTime": 1941.7000000476837, "duration": 41.799999952316284 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1545.7999999523163, "duration": 14.900000095367432 }, { "name": "inkfinite:editor:store-commit:4", "startTime": 1606, "duration": 12.099999904632568 }, { "name": "inkfinite:editor:store-commit:5", "startTime": 1929, "duration": 12.299999952316284 } ], "longTasks": [ { "name": "self", "startTime": 1537.0999999046326, "duration": 56 }, { "name": "self", "startTime": 1598.7999999523163, "duration": 51 } ], "gc": [] }, "trace": { "eventCount": 11132, "frameAndPaint": { "frames": { "count": 162, "eventCount": 162, "timedEventCount": 0, "instantEventCount": 82, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "paint": { "count": 290, "eventCount": 290, "timedEventCount": 274, "instantEventCount": 16, "medianMs": 0.004, "p95Ms": 0.127, "maximumMs": 1.452, "totalMs": 9.478000000000003 }, "raster": { "count": 0, "eventCount": 0, "timedEventCount": 0, "instantEventCount": 0, "medianMs": null, "p95Ms": null, "maximumMs": null, "totalMs": 0 }, "compositor": { "count": 178, "eventCount": 178, "timedEventCount": 50, "instantEventCount": 22, "medianMs": 0.029, "p95Ms": 0.075, "maximumMs": 0.152, "totalMs": 1.8059999999999992 }, "layout": { "count": 49, "eventCount": 49, "timedEventCount": 49, "instantEventCount": 0, "medianMs": 0.111, "p95Ms": 0.329, "maximumMs": 1.577, "totalMs": 6.775999999999999 } }, "longTaskCount": 0, "longTaskTotalMs": 0, "gcCount": 488, "gcTotalMs": 158.80500000000018, "unclassifiedEventCount": 7906 }, "tracePath": "/Users/owais/Projects/StormlightLabs/OpenSource/inkfinite/fixtures/native/performance/browser-traces/flat-1000-multi-drag-1.json.gz" }, { "wallClockMs": 628.4000000953674, "metrics": { "Timestamp": 0.629731000168249, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 88, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 365, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 2, "LayoutCount": 25, "RecalcStyleCount": 14, "LayoutDuration": 0.004335000000000089, "RecalcStyleDuration": 0.0022699999999999942, "DevToolsCommandDuration": 0.007140000000000035, "ScriptDuration": 0.16598000000000024, "V8CompileDuration": 0, "TaskDuration": 0.32324799999999954, "TaskOtherDuration": 0.14352300000000007, "ThreadTime": 0.284339000000001, "ProcessTime": 0.5950539999999975, "JSHeapUsedSize": 15198216, "JSHeapTotalSize": 3670016, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-multi-drag:17", "startTime": 1579.2999999523163, "duration": 628.4000000953674 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1673.0999999046326, "duration": 141 }, { "name": "inkfinite:wasm:document_state:3", "startTime": 1773.0999999046326, "duration": 45.80000019073486 }, { "name": "inkfinite:wasm:document_state:4", "startTime": 2107.4000000953674, "duration": 39.5 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1626.4000000953674, "duration": 46.299999952316284 }, { "name": "inkfinite:editor:store-commit:4", "startTime": 1755.7000000476837, "duration": 17.09999990463257 }, { "name": "inkfinite:editor:store-commit:5", "startTime": 2094.5999999046326, "duration": 12.5 } ], "longTasks": [ { "name": "self", "startTime": 1617.7999999523163, "duration": 103 }, { "name": "self", "startTime": 1749.4000000953674, "duration": 57 } ], "gc": [] }, "trace": null, "tracePath": null }, { "wallClockMs": 552.2999999523163, "metrics": { "Timestamp": 0.5530799999833107, "AudioHandlers": 0, "AudioWorkletProcessors": 0, "Documents": 0, "Frames": 0, "JSEventListeners": 49, "LayoutObjects": 88, "MediaKeySessions": 0, "MediaKeys": 0, "Nodes": 365, "Resources": 0, "ContextLifecycleStateObservers": 0, "V8PerContextDatas": 0, "WorkerGlobalScopes": 0, "UACSSResources": 0, "RTCPeerConnections": 0, "ResourceFetchers": 0, "AdSubframes": 0, "DetachedScriptStates": 0, "ArrayBufferContents": 2, "LayoutCount": 25, "RecalcStyleCount": 14, "LayoutDuration": 0.004254999999999898, "RecalcStyleDuration": 0.002206999999999959, "DevToolsCommandDuration": 0.00628200000000001, "ScriptDuration": 0.12266099999999991, "V8CompileDuration": 0, "TaskDuration": 0.25519499999999873, "TaskOtherDuration": 0.11979000000000006, "ThreadTime": 0.25466100000000047, "ProcessTime": 0.547069999999998, "JSHeapUsedSize": 13104604, "JSHeapTotalSize": 4194304, "FirstMeaningfulPaint": 0, "DomContentLoaded": 0, "NavigationStart": 0 }, "performance": { "benchmark": { "name": "inkfinite:benchmark:flat-1000-multi-drag:18", "startTime": 1568.7000000476837, "duration": 552.2999999523163 }, "wasm": [ { "name": "inkfinite:wasm:document_state:2", "startTime": 1635.1000001430511, "duration": 93.29999995231628 }, { "name": "inkfinite:wasm:document_state:3", "startTime": 1691.1000001430511, "duration": 42.09999990463257 }, { "name": "inkfinite:wasm:document_state:4", "startTime": 2018.5, "duration": 39.30000019073486 } ], "projection": [ { "name": "inkfinite:editor:store-commit:3", "startTime": 1620.9000000953674, "duration": 13.799999952316284 }, { "name": "inkfinite:editor:store-commit:4", "startTime": 1679, "duration": 11.800000190734863 }, { "name": "inkfinite:editor:store-commit:5", "startTime": 2005.5, "duration": 12.700000047683716 } ], "longTasks": [ { "name": "self", "startTime": 1611.9000000953674, "duration": 55 }, { "name": "self", "startTime": 1671.9000000953674, "duration": 50 } ], "gc": [] }, "trace": null, "tracePath": null } ] }, { "profile": "flat", "size": 1000, "workload": "vector-edit", "status": "skipped", "reason": "Requires the native path profile." }, { "profile": "flat", "size": 1000, "workload": "connected-drag", "status": "skipped", "reason": "Requires the connection-heavy profile." }, { "profile": "flat", "size": 1000, "workload": "nested-selection", "status": "skipped", "reason": "Requires the deeply-nested profile." } ], "memory": [ { "profile": "flat", "size": 10000, "baseline": { "jsHeapUsedBytes": 8900028, "jsHeapTotalBytes": 9486336, "performanceJsHeapUsedBytes": 8900028, "rendererResidentSetSizeBytes": null }, "afterLoad": { "jsHeapUsedBytes": 30610808, "jsHeapTotalBytes": 32227328, "performanceJsHeapUsedBytes": 30610808, "rendererResidentSetSizeBytes": null, "deltaFromBaseline": { "jsHeapUsedBytes": 21710780, "jsHeapTotalBytes": 22740992, "performanceJsHeapUsedBytes": 21710780 } }, "afterSustainedEditing": { "jsHeapUsedBytes": 319019164, "jsHeapTotalBytes": 354385920, "performanceJsHeapUsedBytes": 319019164, "rendererResidentSetSizeBytes": null, "deltaFromBaseline": { "jsHeapUsedBytes": 310119136, "jsHeapTotalBytes": 344899584, "performanceJsHeapUsedBytes": 310119136 } }, "afterReplacement": { "jsHeapUsedBytes": 295186188, "jsHeapTotalBytes": 316309504, "performanceJsHeapUsedBytes": 295186188, "rendererResidentSetSizeBytes": null, "deltaFromBaseline": { "jsHeapUsedBytes": 286286160, "jsHeapTotalBytes": 306823168, "performanceJsHeapUsedBytes": 286286160 } }, "sustainedEditingMs": 150094.09999990463 } ]}