javascript在浏览器中的性能，可以认为是开发者所面临的最严重的可用性问题，本文主要给大家介绍了关于高性能的javascript之加载顺序与执行原理的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
当浏览器遇到
脚本放在哪里比较好？
立即学习“Java免费学习笔记（深入）”；
这种情况无疑是存在严重的性能问题的，由于脚本会阻塞页面的渲染，直到它们全部下载并执行完成后，页面渲染才会继续，下面的图就是代码的执行顺序
第一个js文件下载，要等到第一个js文件下载完全才会执行第二个js文件，不过现在IE8，Firefox3.5,Safari4和Chrome2都允许并行下载js文件，遗憾的是，js下载过程还是会阻塞其他资源的下载，例如：图片
所以提高性能的方法之一：将脚本放在body底部
组织脚本
由于每个
一般来说下载单个100KB的文件比下载4个25KB的文件快。
如果有多个外链的js文件，可以合并成一个js文件
无阻塞的脚本
尽管下载单个较大的js文件只产生一次HTTP的请求，但是会假死浏览器一大段时间，为了避免这种情况，你需要向页面中逐步加载js文件。
延迟的脚本
defer属性指明本元素所含的脚本可以延迟执行，但是只有IE4+和Firefox3.5+的浏览器支持
简单来说defer的机制就是知道DOM加载完成前才去下载js文件，不会阻塞浏览器的其他进程
在不支持defer属性的浏览器弹出的顺序是：defer,script,load
支持defer属性的浏览器弹出的顺序是:script,defer,load
所以说defer是在onload事件执行之前被调用
动态脚本
动态脚本的注入有两种方式，第一就是动态创建script标签，第二就是通过XMLHttpRequest注入页面
先说说第一种怎么使用：
这种技术的重点在于：无论在何时启动下载，文件的下载和执行过程不会阻塞页面其他进程，但是使用动态脚本节点下载js文件时，返回的代码会立即执行（除了Firefox和Opera，它们会等待此前所有动态脚本节点执行完毕）
在主流的浏览器会在
这种方式的缺点就是要清楚文件的加载顺序，当js文件多了，依赖关系复杂的时候，很难管理加载的依赖顺序
就像这样子写的代码很难维护
第二种动态创建脚本方式
实际上相当于创建一个带有内联脚本的
优点：就是下载的js代码但是不立即执行，这样子可以把脚本的执行推迟到你准备好的时候执行，这种方法还可以兼容所有的浏览器
缺点：js文件必须与所请求的页面处于相同的域，js文件不能从CDN下载，一般大型web应用都不会使用这种方式
推荐使用无阻塞模式：
先添加动态所需的代码，然后假装初始化页面的剩下的代码
[图片上传失败...(image-dd3f9-1515902024710)]
上面介绍了那么多，给大家推荐一些动态延迟加载的库
有YUI3，LazyLoad和LABjs等这些库，个人觉得LABjs库比较好用，但是没有用过，大家可以去了解一下，使用方法就不在这里说了。
总结：
提高js性能的几个方面
1.
