* ui, tracker, backend: support long animation metrics * ui: fix LAT mapping * ui: change jump button display, longTask time definition * ui: border for rows * ui: refine LAT design * tracker: regenerate messages
268 lines
8.3 KiB
TypeScript
268 lines
8.3 KiB
TypeScript
export const mockData = [
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 3.5,
|
|
duration: 74.5,
|
|
renderStart: 77.79999923706055,
|
|
styleAndLayoutStart: 77.89999961853027,
|
|
firstUIEventTimestamp: 0,
|
|
blockingDuration: 0,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 31,
|
|
duration: 5,
|
|
invoker: 'http://localhost:3333/2325/session/3249172234241386834',
|
|
invokerType: 'classic-script',
|
|
windowAttribution: 'self',
|
|
executionStart: 35,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/2325/session/3249172234241386834',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 0,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 615.8999996185303,
|
|
duration: 464.8999996185303,
|
|
renderStart: 1080.6999998092651,
|
|
styleAndLayoutStart: 1080.7999992370605,
|
|
firstUIEventTimestamp: 0,
|
|
blockingDuration: 414.361,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 616.0999994277954,
|
|
duration: 234,
|
|
invoker: 'http://localhost:3333/app-3a809cc.js',
|
|
invokerType: 'classic-script',
|
|
windowAttribution: 'self',
|
|
executionStart: 849.8999996185303,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-3a809cc.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 0,
|
|
},
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 850.8999996185303,
|
|
duration: 219,
|
|
invoker: 'http://localhost:3333/app-22de34a.js',
|
|
invokerType: 'classic-script',
|
|
windowAttribution: 'self',
|
|
executionStart: 930.5999994277954,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-22de34a.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 0,
|
|
},
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 1070.5999994277954,
|
|
duration: 9,
|
|
invoker: '#document.onDOMContentLoaded',
|
|
invokerType: 'event-listener',
|
|
windowAttribution: 'self',
|
|
executionStart: 1070.5999994277954,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-22de34a.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 2298086,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 1081.3999996185303,
|
|
duration: 55.69999980926514,
|
|
renderStart: 1136.5999994277954,
|
|
styleAndLayoutStart: 1136.6999998092651,
|
|
firstUIEventTimestamp: 0,
|
|
blockingDuration: 0,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 1081.3999996185303,
|
|
duration: 45,
|
|
invoker: 'MessagePort.onmessage',
|
|
invokerType: 'event-listener',
|
|
windowAttribution: 'self',
|
|
executionStart: 1081.3999996185303,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-3a809cc.js',
|
|
sourceFunctionName: 'performWorkUntilDeadline',
|
|
sourceCharPosition: 8985606,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 1495.7999992370605,
|
|
duration: 56.40000057220459,
|
|
renderStart: 1552.0999994277954,
|
|
styleAndLayoutStart: 1552.0999994277954,
|
|
firstUIEventTimestamp: 0,
|
|
blockingDuration: 0,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 1495.8999996185303,
|
|
duration: 18,
|
|
invoker:
|
|
'http://localhost:3333/vendors-node_modules_store_ant-design-icons-virtual-42686020c5_package_es_icons_SyncOutlined_-1757ec.app-446e3c1.js',
|
|
invokerType: 'classic-script',
|
|
windowAttribution: 'self',
|
|
executionStart: 1514.5999994277954,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL:
|
|
'http://localhost:3333/vendors-node_modules_store_ant-design-icons-virtual-42686020c5_package_es_icons_SyncOutlined_-1757ec.app-446e3c1.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 0,
|
|
},
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 1517.1999998092651,
|
|
duration: 12,
|
|
invoker:
|
|
'http://localhost:3333/app_components_Session_Player_ReplayPlayer_PlayerInst_tsx-app_components_Session__Player_Over-d1e8de.app-1eb48ad.js',
|
|
invokerType: 'classic-script',
|
|
windowAttribution: 'self',
|
|
executionStart: 1529.6999998092651,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL:
|
|
'http://localhost:3333/app_components_Session_Player_ReplayPlayer_PlayerInst_tsx-app_components_Session__Player_Over-d1e8de.app-1eb48ad.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 0,
|
|
},
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 1531.5999994277954,
|
|
duration: 19,
|
|
invoker:
|
|
'http://localhost:3333/app_components_Session_Session_tsx-app_components_Session_Tabs_tabs_module_css-app_components-e2a7c2.app-fd8d38a.js',
|
|
invokerType: 'classic-script',
|
|
windowAttribution: 'self',
|
|
executionStart: 1539.1999998092651,
|
|
forcedStyleAndLayoutDuration: 0,
|
|
pauseDuration: 0,
|
|
sourceURL:
|
|
'http://localhost:3333/app_components_Session_Session_tsx-app_components_Session_Tabs_tabs_module_css-app_components-e2a7c2.app-fd8d38a.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: 0,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 2392.699999809265,
|
|
duration: 139.5,
|
|
renderStart: 2529.8999996185303,
|
|
styleAndLayoutStart: 2531,
|
|
firstUIEventTimestamp: 2529.8999996185303,
|
|
blockingDuration: 85.95,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 2392.699999809265,
|
|
duration: 133,
|
|
invoker: 'Response.json.then',
|
|
invokerType: 'resolve-promise',
|
|
windowAttribution: 'self',
|
|
executionStart: 2392.699999809265,
|
|
forcedStyleAndLayoutDuration: 6,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-22de34a.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: -1,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 2536.2999992370605,
|
|
duration: 117,
|
|
renderStart: 2650.3999996185303,
|
|
styleAndLayoutStart: 2653.2999992370605,
|
|
firstUIEventTimestamp: 2650.3999996185303,
|
|
blockingDuration: 60.8,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 2541.0999994277954,
|
|
duration: 107,
|
|
invoker: 'Response.arrayBuffer.then',
|
|
invokerType: 'resolve-promise',
|
|
windowAttribution: 'self',
|
|
executionStart: 2541.0999994277954,
|
|
forcedStyleAndLayoutDuration: 3,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-22de34a.js',
|
|
sourceFunctionName: '',
|
|
sourceCharPosition: -1,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 5621.099999427795,
|
|
duration: 62.90000057220459,
|
|
renderStart: 5680.5,
|
|
styleAndLayoutStart: 5682.099999427795,
|
|
firstUIEventTimestamp: 5633.199999809265,
|
|
blockingDuration: 0,
|
|
scripts: [
|
|
{
|
|
name: 'script',
|
|
entryType: 'script',
|
|
startTime: 5635.39999961853,
|
|
duration: 43,
|
|
invoker: 'DIV#app.onclick',
|
|
invokerType: 'event-listener',
|
|
windowAttribution: 'self',
|
|
executionStart: 5635.39999961853,
|
|
forcedStyleAndLayoutDuration: 2,
|
|
pauseDuration: 0,
|
|
sourceURL: 'http://localhost:3333/app-3a809cc.js',
|
|
sourceFunctionName: 'dispatchDiscreteEvent',
|
|
sourceCharPosition: 7365614,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: 'long-animation-frame',
|
|
entryType: 'long-animation-frame',
|
|
startTime: 31203.599999427795,
|
|
duration: 118.5,
|
|
renderStart: 31322,
|
|
styleAndLayoutStart: 31322.099999427795,
|
|
firstUIEventTimestamp: 0,
|
|
blockingDuration: 0,
|
|
scripts: [],
|
|
},
|
|
];
|