聊一聊写出高性能JavaScript的10个技巧

咱们一直都在讲JavaScript，它是一个复杂并且神奇的语言，它能够丰富网站的内容，可是用户体验感出现问题又是由于它。因此说高性能的JavaScript可谓是很是重要。

下面咱们就分享提升 JavaScript 性能的10个技巧。这或许能够帮助你建立更加快速的网站，提供一流的用户体验。

01.注意局部变量

主要针对IE而言，因为局部变量的查找是从最特定做用域到最大做用域，且能够经过多个域层级，因此这种查找会致使查询到通用的结果。

在定义函数做用域的时候，若是一个局部变量在以前没有进行过var变量声明，那么此处必定要在变量名前加上var关键字以定义其当前的做用域和防止查询，从而提升代码的速度。

02.建立代码快捷方式以加速编码

对于使用频繁的有用代码，能够经过为较长的代码建立快捷方式来加快编码过程，例如document.getElementById。经过建立一个快捷方式，编写较长的脚本便不会耗时过久，而且能够节省整个过程的时间。

03.在将元素片断添加到DOM以前对其实施操做

在建立 DOM 的元素节点以前，请确保已经执行了全部的操做，以提升 JavaScript 的性能。

这样就无需再摒弃 Prepend和 Append 的 jQuery APIs 了。

04.使用Minification保存字节

经过删除字符(标签，源代码文档，空格等)而不改变文件功能的方式减少 JavaScript 文档。

有许多缩小工具能够用来完成这个过程，而且还能够将缩小复原。缩小是从源代码中删除全部没必要要的字符而不改变其功能的过程。

05.除非必要，不然不要使用嵌套循环

减小没必要要的循环，例如 for 和 while 循环，以保持 JavaScript 的线性，并避免须要遍历数千个对象。

无用的循环可能会致使浏览器处理代码时更困难，从而减缓速度。

06.缓存对象以提升性能

不少时候，会重复使用脚原本访问某个对象。将重复访问的对象存储在用户定义的变量中，而且以后在引用该对象时使用此变量，能够马上实现性能提高。

07.使用.js文件来缓存脚本

使用这种技术能够实现性能提高，由于它容许浏览器只加载脚本一次，当页面被从新加载或从新访问时只须要从缓存中调用脚本便可。

08.将JavaScript放置到页面的底部

将脚本尽量放在页面底部的位置会加快渲染进度，同时也会增长下载并行度。其结果是页面看起来加载得更快了，而且在某些状况下，它也能够减小所须要的总的代码量。

09.使用jQuery做为框架

jQuery 用于 HTML 脚本编程，是一个易于使用的 JavaScript 库，能够帮助任何网站实现加速。jQuery 提供了大量能够快速使用的插件，即便是新手程序员也不成问题。

10.使用Gzip压缩文件

使用 GZip 能够明显地下降 JavaScript 文件的大小，节省带宽，并加快响应时间。有时 JavaScript 文件很是大，若是没有通过压缩，它可能会形成网站瘫痪。较小的文件能提供更快、更使人满意的网页体验。