Angular 页面加载期间网络调用的总时间

Question

I want to know how much time took for completing All network(HTTP) calls to load a Main Component-page.

Ex: In main-page, i have 3 child components(Child 1-3) which has it's own HTTP calls(Synchronous / Asynchronous / Both).

let's assume network call sequence is below:

1. child-1's HTTP-call1
2. child-2's HTTP-call1
3. child-1's HTTP-call2
4. child-1's HTTP-call3
5. child-3's HTTP-call1
6. child-3's HTTP-call2

i want to know time taken for executing all these 6-Network calls.

Requirement: I need to calculate every time i refresh/load page get total n/w time and store for analytic purpose.

Answer 1

Chrome developer tools have a Network tab - every HTTP request could be tracked there.

https://developers.google.com/web/tools/chrome-devtools/network