[chromium-dev] How measure Finish、DomContentLoaded and Load time from Navigation Timing?

[張君豪]

Hello,

I'm use developer tool to measure page performance, and get the
times(Finish、DOMContentLoaded and Load) on Network panel.
But I am not understand how to calculator the time from Navigation Timing
<https://www.w3.org/TR/navigation-timing/>?
If DOMContentLoaded and Load time is event execution time,
domContentLoadedEventEnd-domContentLoadedEventStart=8,
loadEventEnd-loadEventStart=6, it's not the same as the time of the Network
panel. why?

<Loading Image...>

<Loading Image...>

[PhistucK]

This group discusses technical browser development issues, not web
development.
This is off topic for this group, so continue this discussion either at
net-dev <https://groups.google.com/a/chromium.org/d/forum/net-dev> or at
google-chrome-developer-tools
<https://groups.google.com/d/forum/google-chrome-developer-tools>.

If you are talking about DOMContentLoaded: 282 ms and Load: 278 ms those
times indicate the time it took from the time the page started to be
rendered until the load or DOMContentLoaded events.
However, domContentLoadedEventEnd - domContentLoadedEventStart and loadEventEnd
- loadEventStart indicate the time it took for the event listeners
themselves to finish their work. Say, you added for (var i = 0; i <
99999999; i++) { console.log('1'); } to the load event listener and it took
about a second to complete that execution, the result of loadEventEnd -
loadEventStart would be around 1000.


☆*PhistucK*

Post by 張君豪
Hello,
I'm use developer tool to measure page performance, and get the
times(Finish、DOMContentLoaded and Load) on Network panel.
But I am not understand how to calculator the time from Navigation Timing
<https://www.w3.org/TR/navigation-timing/>?
If DOMContentLoaded and Load time is event execution time,
domContentLoadedEventEnd-domContentLoadedEventStart=8,
loadEventEnd-loadEventStart=6, it's not the same as the time of the Network
panel. why?
<https://lh3.googleusercontent.com/-PAnB23c7F78/WYgTLPqkgiI/AAAAAAAAApc/Ri8jbV2iJ3w58Jy8FnAZ_foShVrJMvbEgCLcBGAs/s1600/img1.png>
<https://lh3.googleusercontent.com/-_Rahb6SI00M/WYgUJQQx4bI/AAAAAAAAApk/mToMu_BYaREgFc80uTY_h01x4qntoh7hQCLcBGAs/s1600/img2.png>
--
--
http://groups.google.com/a/chromium.org/group/chromium-dev
---
You received this message because you are subscribed to the Google Groups
"Chromium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an
To view this discussion on the web visit https://groups.google.com/a/
chromium.org/d/msgid/chromium-dev/c56fe916-de76-44b0-a37f-
1b2663e7dc6b%40chromium.org
<https://groups.google.com/a/chromium.org/d/msgid/chromium-dev/c56fe916-de76-44b0-a37f-1b2663e7dc6b%40chromium.org?utm_medium=email&utm_source=footer>
.

[PhistucK]

One thing to note is that I find it very, very weird that DOMContentLoaded
fired after load. Sounds very buggy, because I think DOMContentLoaded is a
prerequisite for load, but perhaps I am just not familiar with the rules.


☆*PhistucK*

Post by PhistucK
This group discusses technical browser development issues, not web
development.
This is off topic for this group, so continue this discussion either at
net-dev <https://groups.google.com/a/chromium.org/d/forum/net-dev> or at
google-chrome-developer-tools
<https://groups.google.com/d/forum/google-chrome-developer-tools>.
If you are talking about DOMContentLoaded: 282 ms and Load: 278 ms those
times indicate the time it took from the time the page started to be
rendered until the load or DOMContentLoaded events.
However, domContentLoadedEventEnd - domContentLoadedEventStart and loadEventEnd
- loadEventStart indicate the time it took for the event listeners
themselves to finish their work. Say, you added for (var i = 0; i <
99999999; i++) { console.log('1'); } to the load event listener and it
took about a second to complete that execution, the result of loadEventEnd
- loadEventStart would be around 1000.
☆*PhistucK*

Post by 張君豪
Hello,
I'm use developer tool to measure page performance, and get the
times(Finish、DOMContentLoaded and Load) on Network panel.
But I am not understand how to calculator the time from Navigation Timing
<https://www.w3.org/TR/navigation-timing/>?
If DOMContentLoaded and Load time is event execution time,
domContentLoadedEventEnd-domContentLoadedEventStart=8,
loadEventEnd-loadEventStart=6, it's not the same as the time of the Network
panel. why?
<https://lh3.googleusercontent.com/-PAnB23c7F78/WYgTLPqkgiI/AAAAAAAAApc/Ri8jbV2iJ3w58Jy8FnAZ_foShVrJMvbEgCLcBGAs/s1600/img1.png>
<https://lh3.googleusercontent.com/-_Rahb6SI00M/WYgUJQQx4bI/AAAAAAAAApk/mToMu_BYaREgFc80uTY_h01x4qntoh7hQCLcBGAs/s1600/img2.png>
--
--
http://groups.google.com/a/chromium.org/group/chromium-dev
---
You received this message because you are subscribed to the Google Groups
"Chromium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an
To view this discussion on the web visit https://groups.google.com/a/ch
romium.org/d/msgid/chromium-dev/c56fe916-de76-44b0-a37f-1b26
63e7dc6b%40chromium.org
<https://groups.google.com/a/chromium.org/d/msgid/chromium-dev/c56fe916-de76-44b0-a37f-1b2663e7dc6b%40chromium.org?utm_medium=email&utm_source=footer>
.

[張君豪]

Sorry. I see get Navigation Timing code from PerformanceTiming.cpp.
I'm not understand the calculator rule, so I want to find the calculator
code.

PhistucKæ–Œ 2017幎8月7日星期䞀 UTC+8䞋午8時57分45秒寫道

Post by PhistucK
This group discusses technical browser development issues, not web
development.
This is off topic for this group, so continue this discussion either at
net-dev <https://groups.google.com/a/chromium.org/d/forum/net-dev> or at
google-chrome-developer-tools
<https://groups.google.com/d/forum/google-chrome-developer-tools>.
If you are talking about DOMContentLoaded: 282 ms and Load: 278 ms those
times indicate the time it took from the time the page started to be
rendered until the load or DOMContentLoaded events.
However, domContentLoadedEventEnd - domContentLoadedEventStart and loadEventEnd
- loadEventStart indicate the time it took for the event listeners
themselves to finish their work. Say, you added for (var i = 0; i <
99999999; i++) { console.log('1'); } to the load event listener and it
took about a second to complete that execution, the result of loadEventEnd
- loadEventStart would be around 1000.
☆*PhistucK*

Post by 張君豪
Hello,
I'm use developer tool to measure page performance, and get the
times(Finish、DOMContentLoaded and Load) on Network panel.
But I am not understand how to calculator the time from Navigation Timing
<https://www.w3.org/TR/navigation-timing/>?
If DOMContentLoaded and Load time is event execution time,
domContentLoadedEventEnd-domContentLoadedEventStart=8,
loadEventEnd-loadEventStart=6, it's not the same as the time of the Network
panel. why?
<https://lh3.googleusercontent.com/-PAnB23c7F78/WYgTLPqkgiI/AAAAAAAAApc/Ri8jbV2iJ3w58Jy8FnAZ_foShVrJMvbEgCLcBGAs/s1600/img1.png>
<https://lh3.googleusercontent.com/-_Rahb6SI00M/WYgUJQQx4bI/AAAAAAAAApk/mToMu_BYaREgFc80uTY_h01x4qntoh7hQCLcBGAs/s1600/img2.png>
--
--
http://groups.google.com/a/chromium.org/group/chromium-dev
---
You received this message because you are subscribed to the Google Groups
"Chromium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an
To view this discussion on the web visit
https://groups.google.com/a/chromium.org/d/msgid/chromium-dev/c56fe916-de76-44b0-a37f-1b2663e7dc6b%40chromium.org
<https://groups.google.com/a/chromium.org/d/msgid/chromium-dev/c56fe916-de76-44b0-a37f-1b2663e7dc6b%40chromium.org?utm_medium=email&utm_source=footer>
.

[Mohit Laad]

Post by 張君豪
Hello,
I'm use developer tool to measure page performance, and get the
times(Finish、DOMContentLoaded and Load) on Network panel.
But I am not understand how to calculator the time from Navigation Timing
<https://www.w3.org/TR/navigation-timing/>?
If DOMContentLoaded and Load time is event execution time,
domContentLoadedEventEnd-domContentLoadedEventStart=8,
loadEventEnd-loadEventStart=6, it's not the same as the time of the Network
panel. why?
<https://lh3.googleusercontent.com/-PAnB23c7F78/WYgTLPqkgiI/AAAAAAAAApc/Ri8jbV2iJ3w58Jy8FnAZ_foShVrJMvbEgCLcBGAs/s1600/img1.png>
<https://lh3.googleusercontent.com/-_Rahb6SI00M/WYgUJQQx4bI/AAAAAAAAApk/mToMu_BYaREgFc80uTY_h01x4qntoh7hQCLcBGAs/s1600/img2.png>
Hi,

Were you able to find the formual for Finish time.

I have tried a couple of things but could not conclude on this.