Steve Souders 高性能網站建設指南14條提高網站頁面速度的最佳實踐（1）

高性能網站建設指南

性能黃金法則：
只有10%-20%的最終用戶響應時間花在了下載HTML文檔上，其他80%-90%時間花在了下載頁面中的全部組件上。
 
規則一減小HTTP請求
圖片地圖：

<img usemap="#map1" border="0" src="images/demo1.gif" alt="" />
<map name="map1">
     <area shape="rect" coords="0,0,131,131" href="http://www.baidu.com" alt="baidu" />
     <area shape="rect" coords="0,0,231,131" href="http://www.163.com" alt="163" />
</map>

CSS Sprites：比較經常使用的，不作案列了。

內聯圖片：節省了HTTP請求，但瀏覽器不會緩存這種圖像。

合併腳本和樣式表:一個網站最好不要超過7個腳本/3個樣式表

能夠用grunt工具合併JS文件（不要問我怎麼用，我也沒怎麼用）

規則二使用內容發佈網絡
內容發佈網絡（CDN）就是一組分佈中不一樣地理位置的Web服務器，更加有效地像用戶發佈內容。
具體的有：360http://libs.useso.com/  BootCDN的 http://www.bootcdn.cn/
若是有好的CDN ，麻煩你告訴我，謝謝！

規則三添加Expires頭

<!-- expires 表示網頁在瀏覽者計算機緩存中的過時時間 -->

<meta http-equiv="expires" content="Web,26 Apr 2026 20:00:00 GMT " />

<!-- 使用帶有max-age的cache-control指定組件被緩存多久 -->

<meta http-equiv="cache-control" content="max-age=315360000" />

設置Apache模塊(圖片腳本樣式表的過時日期爲自請求開始的10年後)

<FilesMatch "\.(gif|jpg|js|css)$">
    ExpiresDefault "access plus 10 years"
</FilesMatch>

爲了保證用戶獲取最新的組件，須要在全部HTML頁面中修改組件的文件名；
（最有效的解決方案是修改其全部連接）
將版本號嵌入到組件中的文件名中，能方便準確找到源代碼文件。

規則四壓縮組件
1配置Apache的gzip模塊
mod_gzip
mod_deflate
2服務器的Vary響應頭中包含Accept-Encoding
Varry:  Accept-Encoding
3禁用代理緩存但避免了邊緣情形缺陷
Cache-Control:Private