{ "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 } ] }