script to load images and js after the page loads ??

JoeWall · 08-08-2006, 02:57 PM

hello

i run http://sprinj.com and the biggest problem right now is that pages weigh in average 300kb which is way too much for me.

so i was wondering if there is any script out there who will load ressources like jpegs, png, javascripts, css like a few seconds after the html page is loaded, so that the user can see the page is coming and he can read something meanwhile all other ressources are loaded in the background

ali_420 · 08-08-2006, 10:13 PM

This can be done through some javascript. However, an easier way is to put all your javascript in an external file, and use CSS for the styling (and keep that in an external file too).

Mrblogs · 08-10-2006, 07:34 AM

Can I ask why it is about 300kb?

JoeWall · 08-10-2006, 02:44 PM

Quote:

Originally Posted by Mrblogs

Can I ask why it is about 300kb?

well the html pages are very light, but the javascripts weighs quite a lot (about 200kb it depends on the page) and then there are the images used for the layout.

I have just used a javascript compressor and saved 50 kb

but still i would like to find something that can load ressources in the background , if thast exists

ali_420 · 08-10-2006, 06:01 PM

Joewall,
dude, you really need to put all your javascript in another file and remove it from the HTML. Then, where it says the javascript right now, put this line:

PHP Code:


		
			
<script type="text/javascript" src="/path-to-file/javascript.js">
</script>

This would get you rid of all the javascript showing up in the HTML code as you would put it all in the file "javascript.js".

Mrblogs · 08-11-2006, 03:34 AM

There is some serious coding going on to require 200kb of Javascript.. o_O

JoeWall · 08-11-2006, 12:07 PM

Quote:

you really need to put all your javascript in another file and remove it from the HTML.

actually there are no javascripts in my html code, they are all in external files.

Quote:

There is some serious coding going on to require 200kb of Javascript.. o_O

the truth is i do really need those 200kb javascripts. (ajax functions, a calendar, text editing...)

BinkyMelnik · 08-12-2006, 12:01 PM

JoeWall:

Quote:

the truth is i do really need those 200kb javascripts. (ajax functions, a calendar, text editing...)

Given the URL you posted, I can't see that any of those things takes place on that page. Howzabout just loading each as needed? Given that the majority of the world is still on dialup (sigh), and that most folks haven't got a lotta RAM or a whole lotta processing power, they'll be hard-pressed to load your pages if you're bogging 'em down with all kindsa features they won't be making use of at any given moment.

Mrblogs · 08-15-2006, 08:29 AM

Javascript should be loaded as needed, same with CSSs.

HTML is flexible enough to do so.

It would then also be easier to create a script to load images.

ali_420 · 08-17-2006, 01:16 AM

Quote:

Originally Posted by JoeWall

actually there are no javascripts in my html code, they are all in external files.

Oh, I thought the actual output of each page is 200KB because you put all the javasvript in the same place. That would give you serious issues with the search engines too.

JoeWall · 08-17-2006, 02:05 PM

Quote:

Originally Posted by Mrblogs

Javascript should be loaded as needed, same with CSSs.

HTML is flexible enough to do so.

It would then also be easier to create a script to load images.

but is there a name for this kind of script. i have searched on google but nothing that looks like what i want. for example a script that loads heavy ressources like 10 seconds the page is loaded.

BinkyMelnik · 08-17-2006, 02:24 PM

JoeWall:

Does this help you at all? http://www.cryer.co.uk/resources/javascript/script3.htm

Mrblogs · 08-18-2006, 07:15 AM

It is just a matter of using the appropriate display attributes for the style element of divs.

Put a DIV around the contents of the site, and initially set it to "display: none;"

then create another div, with some "loading please wait" text in and set that to display: block;

then on the OnLoad of the page, run your javascript script that loads all the images in one by one, then change the displays of the divs around.

JoeWall · 08-18-2006, 10:45 AM

Quote:

Originally Posted by Mrblogs

Put a DIV around the contents of the site, and initially set it to "display: none;"

then create another div, with some "loading please wait" text in and set that to display: block;

then on the OnLoad of the page, run your javascript script that loads all the images in one by one, then change the displays of the divs around.

that surely looks for the tip i was looking for, will be testing it right away. thanks!

Quote:

Does this help you at all? http://www.cryer.co.uk/resources/javascript/script3.htm

thanks i have seen it looks good too.