1、将脚本放在底部;
2、减少页面中外链脚本的数量;
3、无阻塞加载:在 window
的onload
事件触发后再下载脚本;
4、带有defer
属性的<script>
标签可以放置在文档的任何位置。对应的 JavaScript 文件将在页面解析到<script>
标签时 开始下载,但不会执行,直到 DOM 加载完成,即onload
事件触发前才会被执行;
defer
属性只被 IE 4 和 Firefox 3.5 更高版本的浏览器所支持
<script type="text/javascript" src="script1.js" defer></script>
5、动态脚本元素:动态脚本加载是非阻塞 JavaScript 下载中最常用的模式,因为它可以跨浏览器,而且简单易用;
function loadScript(url, callback){
var script = document.createElement ("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" || script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function(){
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}
6、使用 XHR 对象下载 JavaScript 代码并注入页面中。
via:http://www.ibm.com/developerworks/cn/web/1308_caiys_jsload/index.html
相关推荐
NULL 博文链接:https://andycbluo.iteye.com/blog/2269582
NULL 博文链接:https://lobin.iteye.com/blog/2365756
java随记
互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf
linux net 管理随记,留着个人备忘
学习c++过程中的一些知识点随记,我感觉重要的就稍微记了一下,比较简略,但是快速的阅读的话可以提醒自己想起那一部分的知识点。在复习c++知识点的时候,有些帮助。
git随记 git
JSP PDF打印 随记 复杂模板设计
面试随记???随时更新
重点小学生寒假记随记大全.doc
2015年8月整理笔记本随记.ppt
会计事务所毕业实习日记随记.docx
C#是一种由微软开发的面向对象的编程语言,它结合了C++的高效性和Java的简洁性,被誉为最优秀的编程语言之一。C#是专为.NET框架设计的,因此在.NET环境中具有极高的兼容性和可操作性。.NET Framework包含了公共语言...
公司法务实习日记随记三篇.pdf
会计专业毕业实习日记随记篇.pdf
重点小学生母亲节日记随记大全.doc
计算机网络原理随记 在本资源中,我们将讨论计算机网络的基本概念、发展历程、网络架构、协议栈、数据传输、网络互通、安全性等方面的知识点。 计算机网络的基本概念 计算机网络是指将多个计算机设备连接起来,以...
数据分级存储及访问方式设计方案是一种优化存储资源利用率和提升系统性能的方法。在互联网行业中,面对海量的数据增长,如何有效地管理和存储这些数据成为了一个关键问题。本文将围绕数据分级存储的定义、必要性、...
小学三年级秋游日记随记五篇.pdf
活动随记一次“出色”的朗诵会.pdf