google-chromefirefoxpage-load-time

Page load time in Google Chrome or Mozilla Firefox


Is there a way to check how long does it take for the page to load?

EDIT:

I will extend the question a bit. Say you are working on a ASP.NET project and when you run your project within the Visual Studio there is some loading time before you can see your starting page rendered on the screen and ready to use.

If this website was live the load time should be different from the load time when starting your project from Visual Studio.

What I would like to see is what would be the actual load time if the web site was on a server.

EDIT 2: Answer

Chrome -> Right Click -> Inspect Element -> Network Tab. When you load a page there is a nice report for the timeline of the page showing the actual page load time, css, js etc. load times. There is a similar tool in Mozilla under Net tab.


Solution

  • As for Firefox, the op has already answered his own question (Menu - Web Developer - Network or Ctrl + Shift + K - Network or Ctrl + Shift + Q), but I'd like to mention the "app.telemetry Page Speed Monitor" addon, which does not require you to open the web console first. It'll just show the load time in ms in the status bar (it'll even show details when you click it).
    https://addons.mozilla.org/en-US/firefox/addon/apptelemetry/
    The only downside seems to be the Facebook/Twitter button.

    As for Chrome/Chromium, I second Andy Davies' suggestion, the Page load time plugin is awesome, it shows the load time next to the location bar and it also provides details.