聊一聊寫出高性能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 文件很是大，若是沒有通過壓縮，它可能會形成網站癱瘓。較小的文件能提供更快、更使人滿意的網頁體驗。