Code Snippets

Show page render execution time for the browser with javascript | js

Browser DOM ready / window ready time is far more important than just PHP / server execution time. Let's time it. Note, requires JQUERY and assumes you have a div with id=t2 somewhere. Start to worry if it's over 1 (1 second) and fix your JS/CSS/HTML DOM.

Remember, stuff like RECAPTCHA or IFRAMES will cause a huge time.

 // // put this in header just after <head>

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


// // put this in footer just before </body>

    $(window).on("load", function () {
        var endTime = (new Date()).getTime();
        var millisecondsLoading = endTime - startTime;
        // // Put millisecondsLoading in a hidden form field
        // // or Ajax it back to the server or whatever.
        // //console.log(millisecondsLoading);

Published: Tue 9th January 2018
||COMMENTS|| This site proudly uses PrismJS to display code snippets

If you like this page, please share it.

Code Links - PHP, JS, CSS, Bootstrap, Bash, Emmet, IntelliJ, Sublime etc.

My personal list of links which I keep here publicly incase they help someone else one day.

Code Snippets

Snippets of PHP code I have gathered over the years. I keep them here for my own repository but also to share with others. I always link back when I remember the source.

My Github Repos

A work in progress. I am going to make as many modules that I write in my devbox public as possible.

Kit's Homepage

This site was originally intended as a test bed for code. It now includes my blog about business and powerlifting, as well as games for Spanish language learning

© 2018