为什么要图片预加载

Question

有些不能理解为什么要进行图片预加载。预加载的解释是把暂时还没必要展现的图片先加载好，然后当需要展现它时就可以立即出来不用等待，可是浏览器不是一般也会把页面的所有图片按顺序加载进来吗？另外，css sprite算不算也是一种预加载方式呢？

Answer 1

有的时候用户打开页面的时候没有显示出页面所有的图片，比如说弹窗需要使用的图片。此时页面中是没有加载需要的图片的代码的，因为这样做能够让用户更快的打开能够看的页面。这个时候如果等弹窗出现了再去加载那张图片可能网络不稳定，图片加载时间比较长，页面就会有不好看的地方。这个时候如果在弹窗没有出现之前就通过js把图片加载好，就能避免这种问题。
css sprite不是预加载，它是一种把多个图片合并成一张图片以减少http请求的性能优化方法。两个方法出发点就不一样。