javascript加载方面的优化

0 0

javascript加载方面的优化

很多浏览器都会使用单一的线程来做界面UI的更新和JS脚本的处理，加载的顺序以及数量影响着页面的方方面面，所以想向大家请教一下，在前端开发中，如何最大化的提高javascript的加载效率

12 years, 10 months ago

1：建议把与网站功能不太相关的 <script> 放在 <body> 底部。
2：合并js文件，减少文件下载数量。即使http1.1的持久化连接，每个http请求仍然会有一个RTT延时，所以一个100k文件要比4个25k文件下载速度快。
3：采用 <script> 的 defer 属性，文件下载完毕以后不会立即执行js，直到整个页面document创建完毕以后，才开始执行。
4：动态创建script 节点，会立即下载js文件并执行，这样会有一个问题，如果动态创建多个节点，有引用关系。由于无法保证加载执行的顺序，可能会导致文件执行错误。

比较流行的非阻塞加载模式：
YUI3 ： http://developer.yahoo.com/yui/3/
LazyLoad ： http://github.com/rgrove/lazyload/
LABjs ： http://labjs.com/
ControlJS ： http://stevesouders.com/controljs/

ControlJS介绍：用ControlJS优化JavaScript加载速度

answered 12 years, 10 months ago

fatezyj

fatezyj answered 12 years, 10 months ago

javascript加载方面的优化

钉宫党、文

Answers

fatezyj

Your Answer