@zendesk/react-measure-timing-hooks
Version:
react hooks for measuring time to interactive and time to render of components
1,393 lines (1,392 loc) • 356 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.shouldCompleteAndHaveInteractiveTime = void 0;
exports.shouldCompleteAndHaveInteractiveTime = [
{
span: {
type: 'long-animation-frame',
name: 'long-animation-frame',
startTime: {
epoch: 1_732_230_167_488.4,
now: 298_438.600_000_008_94,
},
attributes: {},
duration: 111,
performanceEntry: {
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 298_438.600_000_008_94,
duration: 111,
renderStart: 298_547.5,
styleAndLayoutStart: 298_547.700_000_003,
firstUIEventTimestamp: 298_437.200_000_003,
blockingDuration: 60,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 298_441.700_000_003,
duration: 104,
invoker: 'DIV#ember2096.onclick',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 298_441.700_000_003,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/react/js/vendor.js',
sourceFunctionName: 'sentryWrapped',
sourceCharPosition: 1_512_919,
},
],
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: -3.299_999_997_019_767_8,
operationRelativeEndTime: 107.700_000_002_980_23,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: navBar/apps/NavBarApps/render',
startTime: {
epoch: 1_732_230_167_451.3,
now: 298_475.799_999_997,
},
attributes: {},
duration: 64.600_000_008_940_7,
performanceEntry: {
name: 'useTiming: navBar/apps/NavBarApps/render',
entryType: 'measure',
startTime: 298_475.799_999_997,
duration: 64.600_000_008_940_7,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 33.899_999_991_059_3,
operationRelativeEndTime: 98.5,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: toolbar/profile_menu_open/ProfileMenu/render',
startTime: {
epoch: 1_732_230_167_448.2,
now: 298_478.900_000_005_96,
},
attributes: {},
duration: 61.899_999_991_059_3,
performanceEntry: {
name: 'useTiming: toolbar/profile_menu_open/ProfileMenu/render',
entryType: 'measure',
startTime: 298_478.900_000_005_96,
duration: 61.899_999_991_059_3,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 37,
operationRelativeEndTime: 98.899_999_991_059_3,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'event',
name: 'event/pointerup',
startTime: {
epoch: 1_732_230_167_521.7,
now: 298_437.200_000_003,
},
attributes: {},
duration: 144,
performanceEntry: {
name: 'pointerup',
entryType: 'event',
startTime: 298_437.200_000_003,
duration: 144,
interactionId: 3_986,
processingStart: 298_438.799_999_997,
processingEnd: 298_439.400_000_005_96,
cancelable: true,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: -4.700_000_002_980_232,
operationRelativeEndTime: 139.299_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'event',
name: 'event/mouseup',
startTime: {
epoch: 1_732_230_167_521.7,
now: 298_437.200_000_003,
},
attributes: {},
duration: 144,
performanceEntry: {
name: 'mouseup',
entryType: 'event',
startTime: 298_437.200_000_003,
duration: 144,
interactionId: 0,
processingStart: 298_439.400_000_005_96,
processingEnd: 298_439.700_000_003,
cancelable: true,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: -4.700_000_002_980_232,
operationRelativeEndTime: 139.299_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'event',
name: 'event/click',
startTime: {
epoch: 1_732_230_167_521.7,
now: 298_437.200_000_003,
},
attributes: {},
duration: 144,
performanceEntry: {
name: 'click',
entryType: 'event',
startTime: 298_437.200_000_003,
duration: 144,
interactionId: 3_986,
processingStart: 298_439.700_000_003,
processingEnd: 298_547.100_000_008_94,
cancelable: true,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: -4.700_000_002_980_232,
operationRelativeEndTime: 139.299_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'route.filter.time_viewed',
startTime: {
epoch: 1_732_230_169_481.2,
now: 296_614.5,
},
attributes: {},
duration: 1_962.100_000_008_940_7,
performanceEntry: {
name: 'route.filter.time_viewed',
entryType: 'measure',
startTime: 296_614.5,
duration: 1_962.100_000_008_940_7,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: -1_827.400_000_005_960_5,
operationRelativeEndTime: 134.700_000_002_980_23,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: performance/ticket/activation/74/TicketActivation/render',
startTime: {
epoch: 1_732_230_167_653.7,
now: 298_442.100_000_008_94,
},
attributes: {},
duration: 144.099_999_994_039_54,
performanceEntry: {
name: 'useTiming: performance/ticket/activation/74/TicketActivation/render',
entryType: 'measure',
startTime: 298_442.100_000_008_94,
duration: 144.099_999_994_039_54,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 0.200_000_002_980_232_24,
operationRelativeEndTime: 144.299_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'mark',
name: 'ticket/load_omnilog_from_new_workspace/74',
startTime: {
epoch: 1_732_230_167_518.6,
now: 298_577.200_000_003,
},
attributes: {},
duration: 0,
performanceEntry: {
name: 'ticket/load_omnilog_from_new_workspace/74',
entryType: 'mark',
startTime: 298_577.200_000_003,
duration: 0,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 135.299_999_997_019_77,
operationRelativeEndTime: 135.299_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'mark',
name: 'ticket.activate',
startTime: {
epoch: 1_732_230_167_509.5,
now: 298_586.299_999_997,
},
attributes: {},
duration: 0,
performanceEntry: {
name: 'ticket.activate',
entryType: 'mark',
startTime: 298_586.299_999_997,
duration: 0,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 144.399_999_991_059_3,
operationRelativeEndTime: 144.399_999_991_059_3,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: toolbar/tabs/Tabs/render',
startTime: {
epoch: 1_732_230_167_490.4,
now: 298_605.400_000_005_96,
},
attributes: {},
duration: 22.299_999_997_019_768,
performanceEntry: {
name: 'useTiming: toolbar/tabs/Tabs/render',
entryType: 'measure',
startTime: 298_605.400_000_005_96,
duration: 22.299_999_997_019_768,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 163.5,
operationRelativeEndTime: 185.799_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: toolbar/profile_menu_open/ProfileMenu/render',
startTime: {
epoch: 1_732_230_167_482.9,
now: 298_613,
},
attributes: {},
duration: 15.5,
performanceEntry: {
name: 'useTiming: toolbar/profile_menu_open/ProfileMenu/render',
entryType: 'measure',
startTime: 298_613,
duration: 15.5,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 171.099_999_994_039_54,
operationRelativeEndTime: 186.599_999_994_039_54,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: toolbar/tabs/Tabs/render',
startTime: {
epoch: 1_732_230_167_467.7,
now: 298_629.299_999_997,
},
attributes: {},
duration: 3,
performanceEntry: {
name: 'useTiming: toolbar/tabs/Tabs/render',
entryType: 'measure',
startTime: 298_629.299_999_997,
duration: 3,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 187.399_999_991_059_3,
operationRelativeEndTime: 190.399_999_991_059_3,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'long-animation-frame',
name: 'long-animation-frame',
startTime: {
epoch: 1_732_230_167_694.4,
now: 298_575.299_999_997,
},
attributes: {},
duration: 93,
performanceEntry: {
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 298_575.299_999_997,
duration: 93,
renderStart: 298_661,
styleAndLayoutStart: 298_662.799_999_997,
firstUIEventTimestamp: 298_661,
blockingDuration: 15,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 298_576.299_999_997,
duration: 58,
invoker: 'MessagePort.onmessage',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 298_576.299_999_997,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/vendor.js',
sourceFunctionName: 'listener',
sourceCharPosition: 1_859_347,
},
{
name: 'script',
entryType: 'script',
startTime: 298_635.299_999_997,
duration: 23,
invoker: 'TimerHandler:setTimeout',
invokerType: 'user-callback',
windowAttribution: 'self',
executionStart: 298_635.299_999_997,
forcedStyleAndLayoutDuration: 4,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/react/js/vendor.js',
sourceFunctionName: 'sentryWrapped',
sourceCharPosition: 1_512_919,
},
],
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 133.399_999_991_059_3,
operationRelativeEndTime: 226.399_999_991_059_3,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'layout-shift',
name: 'layout-shift',
startTime: {
epoch: 1_732_230_167_608.5,
now: 298_661.299_999_997,
},
attributes: {},
duration: 0,
performanceEntry: {
name: '',
entryType: 'layout-shift',
startTime: 298_661.299_999_997,
duration: 0,
value: 0.000_786_104_664_221_007_8,
hadRecentInput: true,
lastInputTime: 298_437.200_000_003,
sources: [
{
previousRect: {
x: 600,
y: 0,
width: 125,
height: 98,
top: 0,
right: 725,
bottom: 98,
left: 600,
},
currentRect: {
x: 1_080,
y: 0,
width: 125,
height: 98,
top: 0,
right: 1_205,
bottom: 98,
left: 1_080,
},
},
],
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 219.399_999_991_059_3,
operationRelativeEndTime: 219.399_999_991_059_3,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/agent_collision/75/TicketSidebar/render',
startTime: {
epoch: 1_732_230_167_598.9,
now: 298_671,
},
attributes: {},
duration: 28,
performanceEntry: {
name: 'useTiming: ticket/agent_collision/75/TicketSidebar/render',
entryType: 'measure',
startTime: 298_671,
duration: 28,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 229.099_999_994_039_54,
operationRelativeEndTime: 257.099_999_994_039_54,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/agent_collision/74/TicketSidebar/render',
startTime: {
epoch: 1_732_230_167_592.8,
now: 298_678.100_000_008_94,
},
attributes: {},
duration: 23.299_999_997_019_768,
performanceEntry: {
name: 'useTiming: ticket/agent_collision/74/TicketSidebar/render',
entryType: 'measure',
startTime: 298_678.100_000_008_94,
duration: 23.299_999_997_019_768,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 236.200_000_002_980_23,
operationRelativeEndTime: 259.5,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/footer/74/Footer/render',
startTime: {
epoch: 1_732_230_167_591.9,
now: 298_679,
},
attributes: {},
duration: 27.799_999_997_019_768,
performanceEntry: {
name: 'useTiming: ticket/footer/74/Footer/render',
entryType: 'measure',
startTime: 298_679,
duration: 27.799_999_997_019_768,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 237.099_999_994_039_54,
operationRelativeEndTime: 264.899_999_991_059_3,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'resource',
name: 'https://o$d.ingest.sentry.io/api/$d/envelope/',
startTime: {
epoch: 1_732_230_167_968.5,
now: 298_442.700_000_003,
},
attributes: {},
duration: 33.400_000_005_960_464,
performanceEntry: {
name: 'https://o1025743.ingest.sentry.io/api/6185878/envelope/?sentry_key=b4c5640505ec48738c78348b2ae4182c&sentry_version=7&sentry_client=sentry.javascript.react%2F7.105.0',
entryType: 'resource',
startTime: 298_442.700_000_003,
duration: 33.400_000_005_960_464,
initiatorType: 'fetch',
deliveryType: '',
nextHopProtocol: '',
renderBlockingStatus: 'non-blocking',
workerStart: 0,
redirectStart: 0,
redirectEnd: 0,
fetchStart: 298_442.700_000_003,
domainLookupStart: 0,
domainLookupEnd: 0,
connectStart: 0,
secureConnectionStart: 0,
connectEnd: 0,
requestStart: 0,
responseStart: 0,
firstInterimResponseStart: 0,
responseEnd: 298_476.100_000_008_94,
transferSize: 0,
encodedBodySize: 0,
decodedBodySize: 0,
responseStatus: 200,
serverTiming: [],
},
resourceDetails: {
initiatorType: 'fetch',
query: {
sentry_key: 'b4c5640505ec48738c78348b2ae4182c',
sentry_version: '7',
sentry_client: 'sentry.javascript.react/7.105.0',
},
hash: '',
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 0.799_999_997_019_767_8,
operationRelativeEndTime: 34.200_000_002_980_23,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'resource',
name: 'https://o$d.ingest.sentry.io/api/$d/envelope/',
startTime: {
epoch: 1_732_230_167_968.2,
now: 298_443.100_000_008_94,
},
attributes: {},
duration: 33,
performanceEntry: {
name: 'https://o1025743.ingest.sentry.io/api/6185878/envelope/?sentry_key=b4c5640505ec48738c78348b2ae4182c&sentry_version=7&sentry_client=sentry.javascript.react%2F7.105.0',
entryType: 'resource',
startTime: 298_443.100_000_008_94,
duration: 33,
initiatorType: 'fetch',
deliveryType: '',
nextHopProtocol: '',
renderBlockingStatus: 'non-blocking',
workerStart: 0,
redirectStart: 0,
redirectEnd: 0,
fetchStart: 298_443.100_000_008_94,
domainLookupStart: 0,
domainLookupEnd: 0,
connectStart: 0,
secureConnectionStart: 0,
connectEnd: 0,
requestStart: 0,
responseStart: 0,
firstInterimResponseStart: 0,
responseEnd: 298_476.100_000_008_94,
transferSize: 0,
encodedBodySize: 0,
decodedBodySize: 0,
responseStatus: 200,
serverTiming: [],
},
resourceDetails: {
initiatorType: 'fetch',
query: {
sentry_key: 'b4c5640505ec48738c78348b2ae4182c',
sentry_version: '7',
sentry_client: 'sentry.javascript.react/7.105.0',
},
hash: '',
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 1.200_000_002_980_232_2,
operationRelativeEndTime: 34.200_000_002_980_23,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'long-animation-frame',
name: 'long-animation-frame',
startTime: {
epoch: 1_732_230_167_742.8,
now: 298_668.5,
},
attributes: {},
duration: 73,
performanceEntry: {
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 298_668.5,
duration: 73,
renderStart: 298_739.900_000_005_96,
styleAndLayoutStart: 298_741.299_999_997,
firstUIEventTimestamp: 298_732.5,
blockingDuration: 0,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 298_669.400_000_005_96,
duration: 41,
invoker: 'MessagePort.onmessage',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 298_669.400_000_005_96,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/vendor.js',
sourceFunctionName: 'listener',
sourceCharPosition: 1_859_347,
},
{
name: 'script',
entryType: 'script',
startTime: 298_710.799_999_997,
duration: 10,
invoker: 'TimerHandler:setTimeout',
invokerType: 'user-callback',
windowAttribution: 'self',
executionStart: 298_710.799_999_997,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/react/js/vendor.js',
sourceFunctionName: 'sentryWrapped',
sourceCharPosition: 1_512_919,
},
{
name: 'script',
entryType: 'script',
startTime: 298_722.600_000_008_94,
duration: 9,
invoker: 'TimerHandler:setTimeout',
invokerType: 'user-callback',
windowAttribution: 'self',
executionStart: 298_722.600_000_008_94,
forcedStyleAndLayoutDuration: 1,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/react/js/vendor.js',
sourceFunctionName: 'sentryWrapped',
sourceCharPosition: 1_512_919,
},
{
name: 'script',
entryType: 'script',
startTime: 298_733,
duration: 5,
invoker: 'DIV#ember2096.onfocusout',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 298_733,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/react/js/vendor.js',
sourceFunctionName: 'sentryWrapped',
sourceCharPosition: 1_512_919,
},
],
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 226.599_999_994_039_54,
operationRelativeEndTime: 299.599_999_994_039_54,
occurrence: 3,
recordedInState: 'recording',
},
},
{
span: {
type: 'element',
name: 'element/text-paint',
startTime: {
epoch: 1_732_230_167_713.9,
now: 298_697.400_000_005_96,
},
attributes: {},
duration: 0,
performanceEntry: {
name: 'text-paint',
entryType: 'element',
startTime: 298_697.400_000_005_96,
duration: 0,
renderTime: 298_697.400_000_005_96,
loadTime: 0,
intersectionRect: {
x: 0,
y: 0.5,
width: 4,
height: 16.5,
top: 0.5,
right: 4,
bottom: 17,
left: 0,
},
identifier: 'ticket_workspace/74',
naturalWidth: 0,
naturalHeight: 0,
id: 'ticket_workspace_sentinel_1',
url: '',
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 255.5,
operationRelativeEndTime: 255.5,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'layout-shift',
name: 'layout-shift',
startTime: {
epoch: 1_732_230_167_671.2,
now: 298_740.200_000_003,
},
attributes: {},
duration: 0,
performanceEntry: {
name: '',
entryType: 'layout-shift',
startTime: 298_740.200_000_003,
duration: 0,
value: 0.000_262_666_320_294_869_45,
hadRecentInput: true,
lastInputTime: 298_437.200_000_003,
sources: [
{
previousRect: {
x: 142,
y: 133,
width: 186,
height: 33,
top: 133,
right: 328,
bottom: 166,
left: 142,
},
currentRect: {
x: 142,
y: 133,
width: 208,
height: 33,
top: 133,
right: 350,
bottom: 166,
left: 142,
},
},
{
previousRect: {
x: 3_780,
y: 102,
width: 20,
height: 98,
top: 102,
right: 3_800,
bottom: 200,
left: 3_780,
},
currentRect: {
x: 3_620,
y: 102,
width: 180,
height: 98,
top: 102,
right: 3_800,
bottom: 200,
left: 3_620,
},
},
],
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 298.299_999_997_019_77,
operationRelativeEndTime: 298.299_999_997_019_77,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/agent_collision/75/TicketSidebar/render',
startTime: {
epoch: 1_732_230_167_656,
now: 298_755.400_000_005_96,
},
attributes: {},
duration: 29,
performanceEntry: {
name: 'useTiming: ticket/agent_collision/75/TicketSidebar/render',
entryType: 'measure',
startTime: 298_755.400_000_005_96,
duration: 29,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 313.5,
operationRelativeEndTime: 342.5,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/agent_collision/74/TicketSidebar/render',
startTime: {
epoch: 1_732_230_167_650.8,
now: 298_760.600_000_008_94,
},
attributes: {},
duration: 23.799_999_997_019_768,
performanceEntry: {
name: 'useTiming: ticket/agent_collision/74/TicketSidebar/render',
entryType: 'measure',
startTime: 298_760.600_000_008_94,
duration: 23.799_999_997_019_768,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 318.700_000_002_980_23,
operationRelativeEndTime: 342.5,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/assignee_field_open/Assignee/render',
startTime: {
epoch: 1_732_230_167_645.9,
now: 298_765.600_000_008_94,
},
attributes: {},
duration: 21.099_999_994_039_536,
performanceEntry: {
name: 'useTiming: ticket/assignee_field_open/Assignee/render',
entryType: 'measure',
startTime: 298_765.600_000_008_94,
duration: 21.099_999_994_039_536,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 323.700_000_002_980_23,
operationRelativeEndTime: 344.799_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/assignee_field_open/Menu/render',
startTime: {
epoch: 1_732_230_167_643.4,
now: 298_768.100_000_008_94,
},
attributes: {},
duration: 17.399_999_991_059_303,
performanceEntry: {
name: 'useTiming: ticket/assignee_field_open/Menu/render',
entryType: 'measure',
startTime: 298_768.100_000_008_94,
duration: 17.399_999_991_059_303,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 326.200_000_002_980_23,
operationRelativeEndTime: 343.599_999_994_039_54,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'open_ticket/paint/ticket_workspace/74',
startTime: {
epoch: 1_732_230_167_911.7,
now: 298_553.799_999_997,
},
attributes: {},
duration: 143.600_000_008_940_7,
performanceEntry: {
name: 'open_ticket/paint/ticket_workspace/74',
entryType: 'measure',
startTime: 298_553.799_999_997,
duration: 143.600_000_008_940_7,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 111.899_999_991_059_3,
operationRelativeEndTime: 255.5,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'resource',
name: 'https://z3npingu.zendesk.com/api/v2beta/tickets/$d/related',
startTime: {
epoch: 1_732_230_167_869,
now: 298_596.600_000_008_94,
},
attributes: {},
duration: 184.199_999_988_079_07,
performanceEntry: {
name: 'https://z3npingu.zendesk.com/api/v2beta/tickets/74/related',
entryType: 'resource',
startTime: 298_596.600_000_008_94,
duration: 184.199_999_988_079_07,
initiatorType: 'xmlhttprequest',
deliveryType: '',
nextHopProtocol: 'h2',
renderBlockingStatus: 'non-blocking',
workerStart: 0,
redirectStart: 0,
redirectEnd: 0,
fetchStart: 298_596.600_000_008_94,
domainLookupStart: 298_596.600_000_008_94,
domainLookupEnd: 298_596.600_000_008_94,
connectStart: 298_596.600_000_008_94,
secureConnectionStart: 298_596.600_000_008_94,
connectEnd: 298_596.600_000_008_94,
requestStart: 298_598.100_000_008_94,
responseStart: 298_779.600_000_008_94,
firstInterimResponseStart: 0,
responseEnd: 298_780.799_999_997,
transferSize: 421,
encodedBodySize: 121,
decodedBodySize: 173,
responseStatus: 200,
serverTiming: [],
},
resourceDetails: {
initiatorType: 'xmlhttprequest',
query: {},
hash: '',
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 154.700_000_002_980_23,
operationRelativeEndTime: 338.899_999_991_059_3,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'long-animation-frame',
name: 'long-animation-frame',
startTime: {
epoch: 1_732_230_167_723.2,
now: 298_742.400_000_005_96,
},
attributes: {},
duration: 64,
performanceEntry: {
name: 'long-animation-frame',
entryType: 'long-animation-frame',
startTime: 298_742.400_000_005_96,
duration: 64,
renderStart: 298_804.5,
styleAndLayoutStart: 298_804.900_000_005_96,
firstUIEventTimestamp: 0,
blockingDuration: 0,
scripts: [
{
name: 'script',
entryType: 'script',
startTime: 298_747.100_000_008_94,
duration: 44,
invoker: 'MessagePort.onmessage',
invokerType: 'event-listener',
windowAttribution: 'self',
executionStart: 298_747.100_000_008_94,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/vendor.js',
sourceFunctionName: 'listener',
sourceCharPosition: 1_859_347,
},
{
name: 'script',
entryType: 'script',
startTime: 298_793.299_999_997,
duration: 9,
invoker: 'TimerHandler:setTimeout',
invokerType: 'user-callback',
windowAttribution: 'self',
executionStart: 298_793.299_999_997,
forcedStyleAndLayoutDuration: 0,
pauseDuration: 0,
sourceURL: 'https://dev.zd-dev.com/agent/assets/react/js/vendor.js',
sourceFunctionName: 'sentryWrapped',
sourceCharPosition: 1_512_919,
},
],
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 300.5,
operationRelativeEndTime: 364.5,
occurrence: 4,
recordedInState: 'recording',
},
},
{
span: {
type: 'resource',
name: 'https://browser-intake-datadoghq.com/api/v2/replay',
startTime: {
epoch: 1_732_230_167_979.6,
now: 298_553.5,
},
attributes: {},
duration: 140.400_000_005_960_46,
performanceEntry: {
name: 'https://browser-intake-datadoghq.com/api/v2/replay?ddsource=browser&ddtags=sdk_version%3A5.28.0%2Capi%3Afetch%2Cenv%3Aproduction-test%2Cservice%3Alotus%2Cversion%3A23016&dd-api-key=pubc72a3509fb6bd6ec4a7ce97bf176d013&dd-evp-origin-version=5.28.0&dd-evp-origin=browser&dd-request-id=50292fa1-13a0-43e8-9b45-8d050d34b988',
entryType: 'resource',
startTime: 298_553.5,
duration: 140.400_000_005_960_46,
initiatorType: 'fetch',
deliveryType: '',
nextHopProtocol: '',
renderBlockingStatus: 'non-blocking',
workerStart: 0,
redirectStart: 0,
redirectEnd: 0,
fetchStart: 298_553.5,
domainLookupStart: 0,
domainLookupEnd: 0,
connectStart: 0,
secureConnectionStart: 0,
connectEnd: 0,
requestStart: 0,
responseStart: 0,
firstInterimResponseStart: 0,
responseEnd: 298_693.900_000_005_96,
transferSize: 0,
encodedBodySize: 0,
decodedBodySize: 0,
responseStatus: 202,
serverTiming: [],
},
resourceDetails: {
initiatorType: 'fetch',
query: {
ddsource: 'browser',
ddtags: 'sdk_version:5.28.0,api:fetch,env:production-test,service:lotus,version:23016',
'dd-api-key': 'pubc72a3509fb6bd6ec4a7ce97bf176d013',
'dd-evp-origin-version': '5.28.0',
'dd-evp-origin': 'browser',
'dd-request-id': '50292fa1-13a0-43e8-9b45-8d050d34b988',
},
hash: '',
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 111.599_999_994_039_54,
operationRelativeEndTime: 252,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'resource',
name: 'https://z3npingu.zendesk.com/api/services/read-receipts/read',
startTime: {
epoch: 1_732_230_167_899.1,
now: 298_634.100_000_008_94,
},
attributes: {},
duration: 137.599_999_994_039_54,
performanceEntry: {
name: 'https://z3npingu.zendesk.com/api/services/read-receipts/read?prefix=zen:ticket:74',
entryType: 'resource',
startTime: 298_634.100_000_008_94,
duration: 137.599_999_994_039_54,
initiatorType: 'fetch',
deliveryType: '',
nextHopProtocol: 'h2',
renderBlockingStatus: 'non-blocking',
workerStart: 0,
redirectStart: 0,
redirectEnd: 0,
fetchStart: 298_634.100_000_008_94,
domainLookupStart: 298_634.100_000_008_94,
domainLookupEnd: 298_634.100_000_008_94,
connectStart: 298_634.100_000_008_94,
secureConnectionStart: 298_634.100_000_008_94,
connectEnd: 298_634.100_000_008_94,
requestStart: 298_635.600_000_008_94,
responseStart: 298_770.700_000_003,
firstInterimResponseStart: 0,
responseEnd: 298_771.700_000_003,
transferSize: 361,
encodedBodySize: 61,
decodedBodySize: 63,
responseStatus: 200,
serverTiming: [],
},
resourceDetails: {
initiatorType: 'fetch',
query: {
prefix: 'zen:ticket:74',
},
hash: '',
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 192.200_000_002_980_23,
operationRelativeEndTime: 329.799_999_997_019_77,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/footer/74/Footer/render',
startTime: {
epoch: 1_732_230_167_706.1,
now: 298_827.100_000_008_94,
},
attributes: {},
duration: 3,
performanceEntry: {
name: 'useTiming: ticket/footer/74/Footer/render',
entryType: 'measure',
startTime: 298_827.100_000_008_94,
duration: 3,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 385.200_000_002_980_23,
operationRelativeEndTime: 388.200_000_002_980_23,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/assignee_field_open/Assignee/render',
startTime: {
epoch: 1_732_230_167_705.4,
now: 298_827.799_999_997,
},
attributes: {},
duration: 2.5,
performanceEntry: {
name: 'useTiming: ticket/assignee_field_open/Assignee/render',
entryType: 'measure',
startTime: 298_827.799_999_997,
duration: 2.5,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 385.899_999_991_059_3,
operationRelativeEndTime: 388.399_999_991_059_3,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'useTiming: ticket/assignee_field_open/Menu/render',
startTime: {
epoch: 1_732_230_167_703.9,
now: 298_829.299_999_997,
},
attributes: {},
duration: 0.900_000_005_960_464_5,
performanceEntry: {
name: 'useTiming: ticket/assignee_field_open/Menu/render',
entryType: 'measure',
startTime: 298_829.299_999_997,
duration: 0.900_000_005_960_464_5,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 387.399_999_991_059_3,
operationRelativeEndTime: 388.299_999_997_019_77,
occurrence: 2,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'graphql/local/query/entityReadReceipt',
startTime: {
epoch: 1_732_230_167_912.5,
now: 298_633,
},
attributes: {},
duration: 223.5,
performanceEntry: {
name: 'graphql/local/query/entityReadReceipt',
entryType: 'measure',
startTime: 298_633,
duration: 223.5,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 191.099_999_994_039_54,
operationRelativeEndTime: 414.599_999_994_039_54,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'measure',
name: 'models/conversations/74/fetch',
startTime: {
epoch: 1_732_230_167_992.8,
now: 298_580.400_000_005_96,
},
attributes: {},
duration: 291.599_999_994_039_54,
performanceEntry: {
name: 'models/conversations/74/fetch',
entryType: 'measure',
startTime: 298_580.400_000_005_96,
duration: 291.599_999_994_039_54,
},
},
annotation: {
id: 'cmlw3ugh2ji',
operationRelativeStartTime: 138.5,
operationRelativeEndTime: 430.099_999_994_039_54,
occurrence: 1,
recordedInState: 'recording',
},
},
{
span: {
type: 'resource',
name: 'https://z3npingu.zendesk.com/api/lotus/tickets/$d/conversations.json',
startTime: {
epoch: 1_732_230_167_991.8,
now: 298_581.5,
},
attributes: {},
duration: 285.100_000_008_940_7,
performanceEntry: {
name: 'https://z3npingu.zendesk.com/api/lotus/tickets/74/conversations.json?include=users&sort_order=desc',
entryType: 'resource',
startTime: 298_581.5,
duration: 285.100_000_008_940_7,
initiatorType: 'xmlhttprequest',
deliveryType: '',
nextHopProtocol: 'h2',
renderBlockingStatus: 'non-blocking',
workerStart: 0,
redirectStart: 0,
redirectEnd: 0,
fetchStart: 298_581.5,
domainLookupStart: 298_581.5,
domainLookupEnd: 298_581.5,
connectStart: 298_581.5,
secureConnectionStart: 298_581.5,
connectEnd: 298_581.5,
requestStart: 298_582.900_000_005_96,
responseStart: 298_865.200_000_003,
firstInterimResponseStart: 0,
responseEnd: 298_866.600_000_008_94,
transferSize: 1_075,
encodedBodySize: 775,
decodedBodySize: 1_608,
responseStatus: 200,
serverTiming: [],
},
resourceDetails: {
initiatorType: 'xmlhttprequest',
query: {
include: 'users',
sort_order: 'desc',
},
hash: '',
},
},