不要什么都依賴JavaScript。不要編寫重復性的腳本。要把JavaScript當作糖果工具,只是起到美化作用。別給你的網站添加大量的JavaScript代碼。只有必要的時候用一下。只有確實能改善用戶體驗的時候用一下。
盡量減少DOM訪問
使用JavaScript訪問DOM元素很容易,代碼更容易閱讀,但是速度很慢。下面介紹幾個要點:限制使用JavaScript來修飾網頁布局,把針對訪問元素的引用緩存起來。有時,當你的網站依賴大量的DOM改動時,就應該考慮限制你的標記。這是改用HTML5、舍棄那些原來的XHTML和HTML4的一個充分理由。你可以查看DOM元素的數量,只要在Firebug插件的控制臺中輸入:document.getElementsByTagName('*').length。
壓縮代碼
要提供經過壓縮的JavaScript頁面,最有效的辦法就是先用JavaScript壓縮工具對你的代碼壓縮一下,這種壓縮工具可以壓縮變量和參數名稱,然后提供因而獲得的代碼,使用了gzip壓縮。
是的,我沒有壓縮我的main.js,但你要檢查有沒有未經壓縮的任何jQuery插件,別忘了壓縮。下面我列出了壓縮方面的幾個方案。
◆ YUI壓縮工具(jQuery開發團隊就使用它),初學者指南
(http://www.slideshare.net/nzakas/extreme-JavaScript-compression-with-yui-compressor)、第二指南 (http://vilimpoc.org/research/js-speedup/)和官方網站(http://developer.yahoo.com/yui/compressor/)。
◆ Dean Edwards Packer(http://dean.edwards.name/packer/)
◆ JSMin(http://crockford.com/JavaScript/jsmin)
GZip壓縮:其背后的想法是,縮短在瀏覽器和服務器之間傳送數據的時間。縮短時間后,你得到標題是Accept-Encoding: gzip,deflate的一個文件。不過這種壓縮方法有一些缺點。它在服務器端和客戶端都要占用處理器資源(以便壓縮和解壓縮),還要占用磁盤空間。
避免eval():雖然有時eval()會在時間方面帶來一些效率,但使用它絕對是錯誤的做法。eval()導致你的代碼看起來更臟,而且會逃過大多數壓縮工具的壓縮。
加快JavaScript裝入速度的工具:Lab.js
有許多出色的工具可以加快JavaScript裝入的速度。值得一提的一款工具是Lab.js。
借助LAB.js(裝入和阻止JavaScript),你就可以并行裝入JavaScript文件,加快總的裝入過程。此外,你還可以為需要裝入的腳本設置某個順序,那樣就能確保依賴關系的完整性。此外,開發者聲稱其網站上的速度提升了2倍。
使用適當的CDN
現在許多網頁使用內容分發網絡(CDN)。它可以改進你的緩存機制,因為每個人都可以使用它。它還能為你節省一些帶寬。你很容易使用ping檢測或使用Firebug調試那些服務器,以便搞清可以從哪些方面加快數據的速度。選擇CDN時,要照顧到你網站那些訪客的位置。記得盡可能使用公共存儲庫。
新聞熱點
疑難解答
圖片精選