jQuery Calculate Page Load Time in JavaScript

By: Suresh Dasari Apr 3, 2013

Introduction:

Here I will explain how to calculate page load time in JavaScript, jQuery.

Description:

In previous articles I explained jQuery custom right click context menu, JavaScript Check internet connection, jQuery Get Cursor position, jQuery select all the text from textarea and many articles relating to JavaScript, jQuery, asp.net. Now I will explain how to calculate page load time in JavaScript, jQuery.

If we want to calculate page load time in we need to write the code like as shown below

JavaScript Code

<head>

<title>jQuery calculate page load time in javascript</title>

var beforeload = new Date().getTime();

window.onload = gettimeload;

function gettimeload() {

var aftrload = new Date().getTime();

// Time calculating in seconds

time = (aftrload - beforeload) / 1000

document.getElementById("lbltxt").innerHTML = "Your Page took <font color='red'><b>" + time + "</b></font> Seconds to Load";

}

</script>

</head>

<body>

<div>

</div>

</body>

</html>

jQuery Code

<head>

<title>jQuery calculate page load time in javascript</title>

$(function () {

var beforeload = new Date().getTime();

window.onload = gettimeload;

function gettimeload() {

var aftrload = new Date().getTime();

// Time calculating in seconds

time = (aftrload - beforeload) / 1000

$("#lbltxt").text(time);

}

});

</script>

</head>

<body>

<div>

your Page took

Seconds to Load

</div>

</body>

</html>

Live Demo

For Live Demo Check below time it’s based on the time taken to load this page

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

Subscribe by Email

4 comments :

Anonymous said...: nice article,

Thanks; April 4, 2013 at 2:03 AM
Irtekaz Ahmed Khan said...: amezing load page time .; April 4, 2013 at 4:57 AM
Abhinavsingh993 said...: You are great and Work is always greater than the thought may I be 1% of your dedication; June 5, 2013 at 11:45 AM
Unknown said...: this will work only in firefox not in all the browsers.; July 30, 2013 at 10:11 PM