• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 營銷推廣 >> seo優(yōu)化 >> Web 前端優(yōu)化最佳實(shí)踐之 Server 篇

Web 前端優(yōu)化最佳實(shí)踐之 Server 篇

• 作者：創(chuàng)新互聯(lián) 文章來源：網(wǎng)絡(luò)推廣部 點(diǎn)擊數(shù)： 更新時(shí)間：2008-05-28
• 　　Web 前端優(yōu)化最佳實(shí)踐第二部分面向 Server 。目前共計(jì)有 6 條實(shí)踐規(guī)則�！咀�，這最多算技術(shù)筆記，查看最原始內(nèi)容，還請?jiān)L問：Exceptional Performance : Best Practices for Speeding Up Your Web Site 】
  
  1. 使用 CDN (Use a Content Delivery Network)
  國內(nèi) CDN 的普及還不夠。不過我們有獨(dú)特的電信、網(wǎng)通之間的問題，如果針對這個(gè)作優(yōu)化，基本上也算能收到 CDN 或類似的效果吧(假裝如此)�！綯in 說國內(nèi) CDN 用的挺多，看看 CDN 廠商的市場就知道了，還沒走入尋常百姓家】
  
  2. 添加 Expires 或 Cache-Control 信息頭
  (Add an Expires or a Cache-Control Header) 各個(gè)瀏覽器都有針對的方案, Apache 例子【注意：下面的說明例子還不夠精細(xì)，具體的環(huán)境上還要加一些調(diào)整】:
  ExpiresActive On
  ExpiresByType image/gif "modification plus 1 weeks"Lighttpd 啟用 mod_expire 模塊 后：
  $HTTP["url"] =~ "\.(jpg|gif|png)$" {
  expire.url = ( "" => "access 1 years" )
  }Nginx 例子參考:
  location ~* \.(jpg|gif|png)$ {
  if (-f $request_filename) {
  expires max;
  break;
  }
  }
  
  3. 壓縮內(nèi)容 (Gzip Components)
  對于絕大多數(shù)站點(diǎn)，這都是必要的一步，能有效減輕網(wǎng)絡(luò)流量壓力�；蛟S有人擔(dān)心對 CPU 壓縮對于 CPU 的影響，放心大膽的整吧，沒事兒。Nginx 例子：
  gzip on;
  gzip_types text/plain text/html text/css ext/javascript;
  另外參見：
  IIS 如何啟用 Gzip 壓縮?
  
  4. 設(shè)置 Etags (Configure ETags)
  對于 Etag，可能是多數(shù)網(wǎng)站維護(hù)者都會忽略的地方。在這一系列優(yōu)化規(guī)則出現(xiàn)之前，可能互聯(lián)網(wǎng)上絕大多數(shù)站點(diǎn)都對這個(gè)問題忽略了。當(dāng)然，Etag 對多數(shù)站點(diǎn)性能的影響并不是很大。除非是面向 RSS 的網(wǎng)站�！究吹接信笥雅�評說寫的簡略，并且說 IE 不支持 ETag。明確說一下：IE 支持 ETag，倒是使用 IIS 要注意相關(guān) Etag Bug�！�
  補(bǔ)充：我的意思是”很多網(wǎng)站在不注意的情況下都是打開 Etag 的，而沒有網(wǎng)站關(guān)心如何用，消耗資源而不知。并不是說 Etag 不好，合理利用 Etag ，絕對能取得很好的收益.
  
  5. 盡早刷新 Buffer (Flush the Buffer Early)
  對這一條，琢磨了半天，貌似還是異步的思路。能更好的提升用戶體驗(yàn)?
  
  6. 對 AJAX 請求使用 GET 方法
  (Use GET for AJAX Requests) XMLHttpRequest POST 要兩步，而 GET 只需要一步。但要注意的是在 IE 上 GET 最大能處理的 URL 長度是 2K。
  成都創(chuàng)新互聯(lián)網(wǎng)站設(shè)計(jì)：Web前端優(yōu)化專題
  1.Web 前端優(yōu)化最佳實(shí)踐之 內(nèi)容篇
  2.Web 前端優(yōu)化最佳實(shí)踐之 Server 篇
  3.Web 前端優(yōu)化最佳實(shí)踐之 Cookie 篇
  4.Web 前端優(yōu)化最佳實(shí)踐之 CSS 篇
  5.Web 前端優(yōu)化最佳實(shí)踐之 JavaScript 篇
  6.Web 前端優(yōu)化最佳實(shí)踐之 圖象篇
  7.Web 前端優(yōu)化最佳實(shí)踐之 Mobile(iPhone) 篇
• 網(wǎng)站應(yīng)該怎么做優(yōu)化 :上一篇
  到底哪些是網(wǎng)站創(chuàng)業(yè)的網(wǎng)站交易文章 :下一篇