1. 脚本位置
由于脚本会阻塞页面其他资源的下载,因此推荐将所有的<script>标签尽可能放到<body>标签的底部,以尽量减少对整个页面下载的影响。
2. 组织脚本
考虑到HTTP请求会带来额外的性能开销,因此下载单个100kb的文件将比下载4个25kb的文件更快。
3. 无阻塞的脚本
4. 延迟的脚本
Defer 属性指明本元素所含脚本不会修改DOM,因此代码能安全地延迟执行。不过,该属性只有IE4+和Firefox3.5+的浏览器支持,所以,它不是一个理想的跨浏览器解决方案。
5. 动态脚本元素
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'file1.js';
document.getElementsByTagName('head')[0].appendChild(script);