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