异步加载和延迟加载

异步加载:

1:在script元素中加上async属性(为了兼容老版本的IE 加上defer)

2:动态的添加script标签

eg:(function(){

if(window.attachEvent){

window.attachEvent("load", asyncLoad);

}else{

window.addEventListener("load", asyncLoad);

}

var asyncLoad = function(){

var ga = document.createElement('script');

ga.type = 'text/javascript';

ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(ga, s);

}

)();

3:通过eval()执行js代码

延迟加载:

1:settimeOut()

2:将js放在底部

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文总结一下浏览器在 javascript 的加载方式。关键词:异步加载(async loading),延迟加载(...
    4ea0af17fd67阅读 1,078评论 0 2
  • 首先我们先来看一下Script标签的各项属性: script标签也支持HTML中的全局属性: 下面我们来看看一看j...
    tobAlier阅读 1,125评论 0 2
  • Tif_Lib阅读 485评论 0 1
  • 数据结构与算法 栈和队列的区别 网络基础 HTTP 无状态怎么理解 可以从REST的角度来理解这个问题。我们知道R...
    笑极阅读 690评论 1 5
  • 离肠九转相思处,便是泪龙钟。 烛销鸾帐,当年春醒,欲揭帘栊。 依然梦尽,望空别路,不见鳞鸿。 闲庭尚早,谁为萧瑟,...
    姑射阅读 227评论 1 9