Javascript優化技巧（文件瘦身篇）

2024-05-06 14:18:27

字體：大中小

來源：轉載

供稿：網友

最近一直在研究 Javascript 相關的技術。在《Javascript 高級程序設計》有篇章節著重闡述了優化 Javascript 代碼的重要性。相信有很多的 Javascript 開發人員在開發的同時或多或少的會接觸到此類的問題。

在大部分情況下，代碼的優化并不是實際開發中所需要著重的部分。但是一旦代碼完成了以后，開發者總是期待自己的代碼能夠越短越高效越好。結合從書中獲得的知識以及本人實際開發過程中的經驗，下面說明本人所采取的一些花招（也算是照本宣科一下）。

前言

相比腳本語言，編譯型的語言并不需要太關心優化問題。在極大的程度上，編譯時編譯器都會之行優化操作。比如所有的變量、函數、對象等等都會替換成只有處理器才能理解的符號和指針（就是通常所指的可執行文件）。其他的腳本語言也并不需要過分在意文件的大小問題，但是 Javascript 則不同。
因為它首先要通過從服務器端下載源代碼，然后再由客戶端的瀏覽器執行。因此，Javascript代碼的速度被分割成兩部分：下載時間（取決于文件的大小）和執行速度（取決于代碼算法）。這篇主要討論的是 Javascript的下載時間優化，也就是如何盡可能的縮小 Javascript 文件本身的容量。
在這里要記住的一個數字是 1160，這是能放入單個 TCP/IP 包中的字節數。所以，最好的期望值是能將每個 Javascript 文件保持在 1160 字節一下，以獲取最優的下載時間。

刪除注釋

這似乎是是廢話，不過很多開發人員都會忘記。在實際生產環境中，腳本中的注釋都應該刪除。在開發期間注釋相當的重要，它可以幫助團隊理解代碼。但在實際生產環境中，注釋會明顯使腳本文件體積變大。刪除它們并不會給腳本實際運行帶來任何的影響。

刪除制表符和空格

具有良好縮進和空格的代碼通常都具有良好的可讀性。但是瀏覽器并不需要這些額外的制表符和空格，所以最好刪除它們。當然也不要忘記函數參數，賦值語句以及比較操作之間的空格。比如

function showMeTheMoney(money)
{
    if (!money) {
        return false;
    } else {
        ...
    }
}可以優化成

function showMeTheMoney(money){if(!money){reutrn false;}else{...}}

這樣可以減少部分容量。

刪除所有的換行

有許多關于在 Javascript 中換行應該存在的思考，但底線都是換行要增加代碼的可讀性。但過分的換行也會造成代碼體積的增加。
可能處于某種原因而不能刪除換行符，這樣則要保證文件是 Unix 格式的。因為 Windows、Mac 格式的換行符用兩個字符表示換行；Unix 僅用一個。所以將文件轉換成 Unix 格式也可以節約一些字節數。

上一篇：用jQuery實現檢測瀏覽器及版本的腳本代碼

下一篇：零基礎學JavaScript最新動畫教程+iso光盤下載