Is there a way to check how long a website takes to load with javascript

Question

For my Science Fair project I need to be able to find out how long a website takes to load every 10 seconds. The issue is I'm not sure how to load the website and check how long it takes to load. So far I've made a program that just tells you what you typed in a text box, all I need now is just how to check the website's load time. -Thank you in advance Here is the code

<html>
<body id='body'>
    <p>Website Checker</p>
    <textarea id='websiteurl' rows="1" cols="50"></textarea><br>
    <button onclick="checkhowlongittakes()">Input!</button>
</body>
</html>

<style>
    #body {
        background-color: coral;
    }    
</style>

<script>
    document.getElementById('websiteurl').value = 'Input the url here'
    function checkhowlongittakes() {
        weburl = document.getElementById('websiteurl').value
    //Checkhowlongthewebsitetakestoload(weburl)
    }
</script>

http://stackoverflow.com/questions/14341156/calculating-page-load-time-in-javascript — Michael Coker, Jan 21 '17 at 17:14
Possible duplicate of [Calculating Page Load Time In JavaScript](http://stackoverflow.com/questions/14341156/calculating-page-load-time-in-javascript) — jveazey, Jan 21 '17 at 22:36

score 1 · Answer 1 · answered Jan 21 '17 at 17:25

1

window.onload = function () {
    var loadTime = window.performance.timing.domContentLoadedEventEnd-window.performance.timing.navigationStart; 
    console.log('Page load time is '+ loadTime);
}

answered Jan 21 '17 at 17:25

Ajay

196
2
12

What unit does this give you when you use it? – Harry Jan 21 '17 at 17:31
it will give milliseconds – Ajay Jan 21 '17 at 17:34

score 1 · Answer 2 · answered Jan 21 '17 at 17:25

1

If you are using Google Chrome then click F12 then a window pops-up. On that click network and refresh your page. you will get loading time of your each component on page including javascript.

answered Jan 21 '17 at 17:25

Prateek

1,229
17
31

score 0 · Accepted Answer · answered Jan 21 '17 at 17:47

To get a ping time for other websites:

function checkhowlongittakes() {
    weburl = document.getElementById('websiteurl').value;
    getLoadTime(weburl, function(time) {
        console.log("load time for " + weburl + " was " + time + " ms");
    });
}
function getLoadTime(url, callback) {
    var req = new XMLHttpRequest();
    var start = Date.now();
    req.onreadystatechange = function(e) {
        if (this.readyState == 4)
            callback(Date.now() - start);
    }
    req.open("GET", url);
    req.send();
}

<p>Website Checker</p>
<textarea id='websiteurl' rows="1" cols="50" placeholder="http(s)://">https://stacksnippets.net</textarea><br>
<button onclick="checkhowlongittakes()">Input!</button>

Thank you so much you have saved me so much time! – Harry Jan 21 '17 at 17:50 — Harry, Jan 21 '17 at 17:50

Is there a way to check how long a website takes to load with javascript

3 Answers3