html5 - 如何更好的处理网站项目的预加载

Question

最近制作的网站，里面有大量的图片和动画效果，如果不进行预加载，那么动画效果就会错乱。

现在的做法是把需要的图片通过判断预加载进来，使用image的onload事件。想咨询下大家有什么好的预加载方式，比如图片请求错误如何处理，未加载之前是否显示占位符。如果能附上代码就更清晰了。

PS：
关于Video和字体，有什么预加载的方式？

Answer 1

ajax调用资源

var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });

Answer 2

也只能用lazyload了