天天看點

高性能Javascript第九章建構并部署高性能javascript應用筆記:小結:

筆記:

  1. Apache Ant 軟體自動化工具 類似make 引用屬性:${}
  2. 網站提速指南中第一條也是最重要的一條規則,就是減少頁面渲染需要的HTTP數。
  3. Apache Ant 合并多個檔案的concat,特定依賴關系連接配接,關系确定,使用filelist/fileset
  4. 預處理Javscript
  5. Javascript 壓縮,運作無關的進行剝離。
  6. YUI Compressor 局部變量替換成更短的形式,方括号變。,去掉直接屬性名的引号,替換轉義符号,合并常量。
  7. 節省位元組數:局部引用存儲在對象/值中,用閉包封裝代碼,使用常量替代重複值,避免eval以及類似的Function構造函數,with關鍵字等。
  8. 隻要是能在建構時候完成的工作,就不要留到運作時去做。
  9. 當Web浏覽器請求一個資源,通常發送Accept-Encoding HTTP頭,來告訴Web伺服器它支援哪種編碼轉換類型。
  10. 緩存JavaScript檔案,通過Expires Http響應頭來告訴用戶端一個資源應當緩存多長時間。
  11. HTML5應用緩存
  12. 緩存要確定使用者下載下傳到最新的靜态内容,靜态資源重命名來解決。版本号或者開發編碼。時間戳。
  13. 使用内容分發網絡CDN。通過地理位置向最近的使用者傳輸内容,CDN極大減少網絡延時。
  14. 靈活JavaScript建構過程,smasher是PHP5編寫的應用程式,合并多個JavaScript檔案并預處理,根據選項對内容進行壓縮。

小結:

  1. 建構和部署中重要的步驟:
  2. 合并JavaScript檔案減少HTTP請求。
  3. 使用 YUI Compressor 壓縮JavaScript檔案。
  4. 在伺服器壓縮JavaScript檔案。
  5. 通過正确設定HTTP響應頭來緩存JavaScript檔案,通過向檔案名增加時間戳來避免緩存問題。
  6. 使用CDN提供JavaScript檔案,CDN不僅可以提升性能,它也為你管理檔案的壓縮與緩存。

繼續閱讀