devxlogo

Preload Your Images

If you use JavaScript rollover images on your Web pages, it’s a good idea to preload them in order to reduce lag time while the image downloads. Non-preloaded images won’t show up immediately when the user rolls over the images in question, and if the user has a slow connection and/or the rollover images are large, they may take so long to appear that the purpose is defeated.

Images can be preloaded by creating a new image object and specifying its source. In order to be polite to browsers that don’t support the JavaScript document.images array, provide an if statement at the top:

 

Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.

See also  Five Early Architecture Decisions That Quietly Get Expensive

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.