Web前端優化2-基礎複習-Server篇（轉）

1. 使用 CDN (Use a Content Delivery Network)

咱們有獨特的電信、網通之間的問題，若是針對這個做優化，基本上也算能收到 CDN 或相似的效果吧。

2. 添加 Expires 或 Cache-Control 信息頭 (Add an Expires or a Cache-Control Header)

各個瀏覽器都有針對的方案, Apache 例子【注意：下面的說明例子還不夠精細，具體的環境上還要加一些調整】:

ExpiresActive On
ExpiresByType image/gif "modification plus 1 weeks"

Lighttpd 啓用 mod_expire 模塊 後：

$HTTP["url"] =~ "\.(jpg|gif|png)___FCKpd___1quot; {
     expire.url = ( "" => "access 1 years" )
}

Nginx 例子參考:

location ~* \.(jpg|gif|png)$ {
  if (-f $request_filename) {
        expires      max;
    break; 
  }        
}

 

3. 壓縮內容 (Gzip Components)

 能有效減輕網絡流量壓力。或許有人擔憂對 CPU 壓縮對於 CPU 的影響。Nginx 例子：

gzip            on;
gzip_types      text/plain text/html text/css ext/javascript;

另外參見：

IIS 如何啓用 Gzip 壓縮?

4. 設置 Etags (Configure ETags)

對於 Etag，多是多數網站維護者都會忽略的地方，Etag 對多數站點性能的影響並非很大。除非是面向 RSS 的網站。【IE 支持 ETag，卻是使用 IIS 要注意相關 Etag Bug。】

不少網站在不注意的狀況下都是打開 Etag 的，而沒有網站關心如何用，消耗資源而不知。並非說 Etag 很差，合理利用 Etag ，絕對能取得很好的收益.

5. 儘早刷新 Buffer (Flush the Buffer Early)--異步

6. 對 AJAX 請求使用 GET 方法 (Use GET for AJAX Requests)

XMLHttpRequest POST 要兩步，而 GET 只須要一步。但要注意的是在 IE 上 GET 最大能處理的 URL 長度是 2K。