Website response time :Difference between "load" and "finish" ,

google-chrome http web google-api google-chrome-devtools
Novice_Developer picture Novice_Developer · May 15, 2015 · Viewed 17.4k times · Source

I have to check google response time using chrome devtools network for that purpose I loaded a webpage and opened the network tab to check the response time of certain websites for example for this website

enter image description here

I there are two time quantities 1st one is the "finish" and the second one is "load" , finish is the i guess the time taken to load the whole page with all the resources including delays , what is this "load"? at first i thought if i add all these time together would add up as "load" but this isn't true , what would be considered the response time of this website, "load" or "finish"?

Answer

madballoonist picture madballoonist · Jul 8, 2015

It seems this 'Finished' 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 page has fired.

The response time for a website generally speaking means 'Load' time because that is more easily user perceivable, at this point user can see browser has finished working and page is ready on their screen. Finish time, although technically also a response time doesn't have as much end-user implication.

In some cases it seems the Finish timer never stops and continues increasing so it may not be the best assessment of web page response time.

Related questions

"CAUTION: provisional headers are shown" in Chrome debugger

I noticed a strange caution message when looking at downloaded resources using Google chrome inspector (F12): Caution provisional headers are shown I found something possibly relevant, Network Panel: add caution about provisional request headers, but I could not fully understand …

Read More
What does status=canceled for a resource mean in Chrome Developer Tools?

What would cause a page to be canceled? I have a screenshot of the Chrome Developer Tools. This happens often but not every time. It seems like once some other resources are cached, a page refresh will load the LeftPane.…

Read More
How to use Chrome's network debugger with redirects

The Chrome network debugger gives me a great view of all the HTTP resources loaded for a page. But it clears the list whenever a new top-level HTML page is loaded. This makes it very difficult to debug pages that …

Read More