Preload Graphics for Faster Browsing
 
Network Websites
Corporate website
Beautiful Clip Art
Fast Cars
Video Tiger
Fantasy Art
Beauty & Health
Tips & Tricks

Fast Loading Pages
Glowing Links II
Hide E-mail Address
Javascript Links
Link Colors
Marquees
Navigation
New Window
No Underline Links
Out of a Frame
Page Flash Effects
Preload Graphics Protect Graphics
Redirect Scrolling Javascript
Text Roll-Overs
Tooltip Links
[more tips...]

Tutorials
CSS
Colors
Forms
FTP
Image Maps
Meta Tags
Resources

Web Hosting
Counters & Trackers
Domain Names
Graphics
Web Page Design
Java Script
DHTML

 

How to preload your graphics for faster browsing

If you have multiple pages with many graphics (and other multimedia files), you can make browsing your site a smoother experience for your visitors by building a mini cache for your site. Of course, all major web browsers have their own caching system. However, all of them cache files after you see or hear them at least once, which of course does not give the optimum performance during the first visit to a page.

The trick is to pre-load most widely used images at your site. For example, your visitor is at your home page and the next pages have some images that are perhaps a bit big. You can use this Javascript to pre-load them:

<SCRIPT LANGUAGE="JavaScript1.1">
img1 = new Image
img1.src = "Image1.gif"
img2 = new Image
img2.src = "Graphic1.gif"
</SCRIPT>

Paste the above code into the first page (in this example your home page). Make sure you change the names "Image!.gif" and "Graphic1.gif" to the names of your real images.

Sponsor

Hot Wedding Ideas

Advertise
Really affordable rates.
Feedback
Comments, suggestions?

 

 

home | tips & tricks | tutorials | tools | resources | contact | advertise
© 2000 - 2001 GT Media Inc. All rights reserved.