Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Profiler: What happens during 'resource loading' phase of network request?

What chrome actually does when the status of resource loading?In the image, The network request all duration is 2.97s, and 53.67ms is network transfer, 2.92s is the resource loading. What browser actually does when this resource loading status?

https://i.stack.imgur.com/XjyOk.png

like image 776
lqs469 Avatar asked Feb 06 '20 04:02

lqs469


People also ask

What is the difference between transferred and resources in Chrome DevTools Network tab?

"Transferred" is the compressed size of all resources. You can think of it as the amount of upload and download data that a mobile user will use in order to load this page. "Resources" is the uncompressed size of all resources.

How do I check my network activity on Chrome?

Google Chrome:Open developer tools (Menu > More tools > Developer tools or Ctrl + Shift + I or F12) Select the Network tab. Make sure that "Preserve log" is checked so that all traffic is captured. Access or refresh the page traffic needs to be captured for or a problem should be reproduced in.


1 Answers

Resource loading typically involves processing the received data. you could find what the app actually does for 'resource loading' phase by opening the 'Main' section (Frames, Interactions, Main -..), it would list function calls and the total time / self-time details.

like image 159
SmAxlL Avatar answered Sep 22 '22 20:09

SmAxlL