Inserting Page Load Times into HTML Source as a HTML Comment

ste-m · Nov 1, 2006

Hi there,

I was wanting to calculate how long my web pages take to load, and to insert
this time into my HTML source code (not visible from the browser, but only
in source view) as a HTML comment.

I've found a JavaScript that does this here:
http://www.twohootssoftware.co.uk/code/loadtimejs.html

<script language="javascript" type="text/javascript">
var now = new Date();
var startTime = now.getTime()
</script>

<script language="javascript" type="text/javascript">
now = new Date();
var endTime = now.getTime();
alert("Time taken to load page : " + ((endTime - startTime)/1000)+"
seconds");
</script>

Except that it puts the time in a popup window. I tried changing the code
to print the value as 'document.write' instead of 'alert' but I can't get
this code to stay hidden in the browser and only visible within the HTML
source code.

Can someone let me know how I can alter the above script to do this?

Thanks,

Ste

Fred · Nov 1, 2006

ste-m said:
Hi there,

I was wanting to calculate how long my web pages take to load, and to insert
this time into my HTML source code (not visible from the browser, but only
in source view) as a HTML comment.

I've found a JavaScript that does this here:
http://www.twohootssoftware.co.uk/code/loadtimejs.html

<script language="javascript" type="text/javascript">

Drop the language attribute, keep type.

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

or:

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

</script>

Script elements must be inside either a head or body element, they
can't be outside the HTML element. Error correction will (probably)
move them back inside.

<script language="javascript" type="text/javascript">
now = new Date();
var endTime = now.getTime();
alert("Time taken to load page : " + ((endTime - startTime)/1000)+"
seconds");
</script>

Except that it puts the time in a popup window. I tried changing the code
to print the value as 'document.write' instead of 'alert' but I can't get
this code to stay hidden in the browser and only visible within the HTML
source code.

The source code is the source code, not the generated code. You can
look at the innerHTML property, or use a DOM or generated code
inspector (there's one called "savegenpage" for Firefox) to see the
generated page.

Can someone let me know how I can alter the above script to do this?

You can't.

I want to Display Excel As HTML In js	2	Feb 24, 2023
How to have two html audio players on one page?	0	May 3, 2022
JavaScript: how to keep track of the circle in canvas on specific path?	0	Mar 20, 2023
How do I call the exact function on page load?	6	May 19, 2023
About as basic "Newbie-Question" that you can get.	3	Sep 4, 2023
How to treat an input data as variable?	4	Apr 13, 2023
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Popup HTML help	5	Nov 28, 2019

Inserting Page Load Times into HTML Source as a HTML Comment

ste-m

Fred

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads