Website response time: Difference between `Load` and `Finish`
The Finish
time in Chrome Devtools includes the asynchronously loading (non blocking) objects/elements on the page which may continue downloading way after the onLoad
event for the page has fired.
The response time for a website generally means the Load
time, because that is user perceivable, and at this point user can see that the browser has finished loading and page is ready on their screen.
The Finish
time, although technically also a response time, doesn't have as much end-user implication.
In some cases, it seems that the Finish
timer never stops but continues increasing, so it may not be the best assessment of web page response time.
Novice_Developer
Updated on July 09, 2022Comments
-
Novice_Developer almost 2 years
I needed to check a webpage's response time, so I visited the site on Chrome, opened Devtools and switched to the Network tab to check the response time:
As you can see, there are two times: The first one is
Finish
and the second one isLoad
.I think
Finish
is the time taken to load the whole page with all the resources including delays, but what isLoad
? I thought if I add all these times together I would get the time forLoad
but this isn't the case.What would be considered the response time of this website,
Load
orFinish
?