js和css载入

js异步加载

• 动态创建dom

<script>(function(d,s,id){
    var js,fjs = d.getElementByTagName(s)[0];
    if(d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js,fjs);
}(document,'script','facebook-jssdk'));</script>

• async和defer属性
  defer是严格顺序加载，async是哪个先加载完加载哪个
• 通过Ajax获取脚本内容，然后再创建

懒加载

1. 第一种是纯粹的延迟加载，使用setTimeOut或setInterval进行加载延迟.

2. 第二种是条件加载，符合某些条件，或触发了某些事件才开始异步下载。

3. 第三种是可视区加载，即仅加载用户可以看到的区域，这个主要由监控滚动条来实现，一般会在距用户看到某图片前一定距离遍开始加载，这样能保证用户拉下时正好能看到图片。

预加载

1. 用CSS和JavaScript实现预加载:backgrond
2. 仅使用JavaScript实现预加载
3. 使用Ajax实现预加载