Better Image Caching with CSS
Sites that use a lot of images may benefit from preloading their images into the user’s browser cache. Caching images decreases load times and improves visitor experience. In this post, I share a “CSS-only” preloading method that works better under a broader set of conditions.
Related Submissions:
- 3 Ways to Preload Images Using CSS, JavaScript, or Ajax Preloading images is a great way to improve the user experience. When images are preloaded in the browser, the visitor can surf around your site...
- 5-Minute PNG Image Optimization A great way to improve the performance of your site is to optimize the size of your images. Smaller image sizes require less bandwidth, disk...
- How to Preload Images When You Can’t Use CSS Sprites I have already shown how to use css sprites, but there are times when you just cannot use them. Sometimes you still want the benefit...
- Performance Comparison of Major Web Browsers The latest versions of the five major most web browsers Mozilla Firefox 3.5, Google Chrome 3.0, Microsoft Internet Explorer 8.0, Opera 10.0, and Apple Safari...
- MooTools Image Preloading with Progress Bar The idea of image preloading has been around since the dawn of the internet. MooTools image preloading requires very little code — let me show...