I want to use the performance API (Performance.getMetrics) in my project due to project requirement, but I want to know that for same URL every time performance data differs why?
First Time Data : -
{'metrics': [{'name': 'Timestamp', 'value': 73605.596278}, {'name': 'AudioHandlers', 'value': 0}, {'name': 'AudioWorkletProcessors', 'value': 0}, {'name': 'Documents', 'value': 36}, {'name': 'Frames', 'value': 29}, {'name': 'JSEventListeners', 'value': 1179}, {'name': 'LayoutObjects', 'value': 1172}, {'name': 'MediaKeySessions', 'value': 0}, {'name': 'MediaKeys', 'value': 0}, {'name': 'Nodes', 'value': 5957}, {'name': 'Resources', 'value': 244}, {'name': 'ContextLifecycleStateObservers', 'value': 49}, {'name': 'V8PerContextDatas', 'value': 5}, {'name': 'WorkerGlobalScopes', 'value': 0}, {'name': 'UACSSResources', 'value': 0}, {'name': 'RTCPeerConnections', 'value': 0}, {'name': 'ResourceFetchers', 'value': 36}, {'name': 'AdSubframes', 'value': 0}, {'name': 'DetachedScriptStates', 'value': 2}, {'name': 'ArrayBufferContents', 'value': 11}, {'name': 'LayoutCount', 'value': 1}, {'name': 'RecalcStyleCount', 'value': 1}, {'name': 'LayoutDuration', 'value': 0.00016}, {'name': 'RecalcStyleDuration', 'value': 0.00011}, {'name': 'DevToolsCommandDuration', 'value': 0.000395}, {'name': 'ScriptDuration', 'value': 0.012728}, {'name': 'V8CompileDuration', 'value': 0}, {'name': 'TaskDuration', 'value': 0.014663}, {'name': 'TaskOtherDuration', 'value': 0.00127}, {'name': 'ThreadTime', 'value': 0.014476}, {'name': 'ProcessTime', 'value': 5.346106}, {'name': 'JSHeapUsedSize', 'value': 32554024}, {'name': 'JSHeapTotalSize', 'value': 50491392}, {'name': 'FirstMeaningfulPaint', 'value': 0}, {'name': 'DomContentLoaded', 'value': 73601.309227}, {'name': 'NavigationStart', 'value': 73599.927473}]}
Second Time Data :-
{'metrics': [{'name': 'Timestamp', 'value': 73621.246937}, {'name': 'AudioHandlers', 'value': 0}, {'name': 'AudioWorkletProcessors', 'value': 0}, {'name': 'Documents', 'value': 36}, {'name': 'Frames', 'value': 28}, {'name': 'JSEventListeners', 'value': 1169}, {'name': 'LayoutObjects', 'value': 1180}, {'name': 'MediaKeySessions', 'value': 0}, {'name': 'MediaKeys', 'value': 0}, {'name': 'Nodes', 'value': 5979}, {'name': 'Resources', 'value': 242}, {'name': 'ContextLifecycleStateObservers', 'value': 49}, {'name': 'V8PerContextDatas', 'value': 5}, {'name': 'WorkerGlobalScopes', 'value': 0}, {'name': 'UACSSResources', 'value': 0}, {'name': 'RTCPeerConnections', 'value': 0}, {'name': 'ResourceFetchers', 'value': 36}, {'name': 'AdSubframes', 'value': 0}, {'name': 'DetachedScriptStates', 'value': 1}, {'name': 'ArrayBufferContents', 'value': 11}, {'name': 'LayoutCount', 'value': 2}, {'name': 'RecalcStyleCount', 'value': 2}, {'name': 'LayoutDuration', 'value': 0.000307}, {'name': 'RecalcStyleDuration', 'value': 0.000186}, {'name': 'DevToolsCommandDuration', 'value': 0.000158}, {'name': 'ScriptDuration', 'value': 0.014549}, {'name': 'V8CompileDuration', 'value': 3.1e-05}, {'name': 'TaskDuration', 'value': 0.0175}, {'name': 'TaskOtherDuration', 'value': 0.002269}, {'name': 'ThreadTime', 'value': 0.016694}, {'name': 'ProcessTime', 'value': 5.1243}, {'name': 'JSHeapUsedSize', 'value': 35158144}, {'name': 'JSHeapTotalSize', 'value': 49704960}, {'name': 'FirstMeaningfulPaint', 'value': 0}, {'name': 'DomContentLoaded', 'value': 73617.036242}, {'name': 'NavigationStart', 'value': 73615.71325}]}
So please, work on this tell me the issue