by Robert Hashemian

JavaScript Web Page Load Time

Cost-free.
Note: This service comes with NO GUARANTEES. No liability is assumed.

A free and simple JavaScript (DHTML) Web Page Load Time. Just copy and paste at the top of your Web pages, perhaps right after the opening <html> tag. The load time, in seconds, will be displayed at the bottom of your page, unless the "PLT_DisplayElementID" parameter is assigned to the id of a tag anywhere on the page that can accept the innerText property (i.e. block elements), such as a div or span tag. In that case the result is dispalyed at the location of that tag. You can also customize the display format, foreground and background colors, and font size of the message. Currently works in latter versions of Internet Explorer. No message is displayed in other browsers.

This utility measures the load time of a Web page from the client's perspective. Load times are subject to connection speeds, client and browser configurations, and response times for all elements on the entire page.

You can omit the "PLT_BackColor", "PLT_ForeColor", "PLT_FontPix", and "PLT_DisplayFormat" parameters. Default values will be used in that case.

"PLT_DisplayFormat" allows you to format the message display to your liking. For example, instead of the default English, you can use terms from your own language, or make any other desired adjustments.

Set "PLT_DisplayElementID" to the id of a tag on your page that has the "innerText" property (i.e. block elements), such as a div or span tag. If such tag is missing or not found, the result is printed at the bottom of the page.

To see the load time of any Web page use the Page Load Timer tool.

Here's the simple JavaScript Web page load time code (copy and paste at the top of Web page):

<script language="JavaScript">
PLT_DisplayFormat = "Your connection took %%S%% seconds to load this page.";
PLT_BackColor = "palegreen";
PLT_ForeColor = "navy";
PLT_FontPix = "12";
PLT_DisplayElementID = "display_here";
</script>
<script language="JavaScript" src="//www.hashemian.com/js/PageLoadTime.js"></script>

Example: The line below is coded as: <span id="display_here"></span>.

Have a comment about JavaScript Web Page Load Time?

View/Add comments

*** From hashemian.com *** see descriptions

JavaScript Countdown/Count-up Timer/Clock JavaScript Web Page Load Time JavaScript Web Page Commenting JavaScript Visitor IP Address/Host HTML Form Submission Tool Email/String Encoder/CAPTCHA Hit Counter; Page Counter Connection Probe Reverse Whois Browser Simulator/emulator My IP Address, Whoami Whois MX Record Lookup, Mail Server Search Engine Rankings JavaScript Thousand Separator Windows File Search Utility Atomic Clock/Current Time Short/Small URLs Atomic Fortune Teller Port Scanner Generate Password Google/Yahoo Maps Web Page Load Timer Ping HTML, URL, Decimal Encoding/Decoding HTML Form Post Tester/Viewer Web Scratchpad/Notepad/Clipboard RSS/ATOM Web Widget HTML/CSS Color Test Base64 Encoding/Decoding QR Code Generator/Scanner Text Transform/Convert Capitalize Simple One-page Calendar Free Check/Cheque Generator/Maker GUID/UUID Generator