性能黃金法則：

只有10%~20%的最終用戶響應時間花在了下載HTML文檔上。其余的80%~90%時間花在了下載頁面中的所有組件上。

規則1 減少HTTP請求

可以通過使用圖片地圖，CSS Sprites（有利有弊），內聯圖片（data：URL模式，IE不支持，不能被緩存），合并腳本和樣式表。

規則2 使用內容發布網絡

如果應用程序web服務器離用戶更近，則一個HTTP請求的響應時間將縮短 ；
如果組件web服務器離用戶更近，則多個HTTP請求的響應時間將縮短。
內容發布網絡（CDN）是一組分布在多個不同地理位置的web服務器，用于更加有效地向用戶發布內容。

規則3 添加Expires頭

web服務器使用Expires頭告訴web客戶端他可以使用一個組件的當前副本，直到指定的時間為止。要求服務器與客戶端的時鐘嚴格同步，并且要在時間過期后在服務器配置中提供一個新的日期。
Max-Age和mod_expires可以彌補Expires的不足。

規則4 壓縮組件

從HTTp1.1開始，

規則5 將樣式表放在頂部

逐步呈現，避免白屏

規則6 將腳本放在底部

HTTP1.1規范建議瀏覽器從每個主機名并行下載兩個組件，在下載腳本時，并行下載實際上是被禁用的。
原因之一是腳本有可能使用document.write來修改頁面內容，因此瀏覽器會等待，以確保頁面能夠恰當地布局；
原因之二是為了保證腳本能夠按照正確的順序執行，如果并行下載多個腳本，就無法保證響應是按照特定順序到達瀏覽器。
將腳本放在頂部將會阻塞對其后面內容的呈現，并且會阻塞對其后面組件的下載。

規則7 避免CSS表達式

表達式expression方法被其他瀏覽器忽略，但是對于IE來說是一個有用的工具。能夠在IE中設置屬性，創建跨瀏覽器的一致體驗。例如，IE[IE6，IE7（Quirk），IE8（Quirk]不支持min-width屬性，用表達式的方法可以解決這一問題：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表