前端優化網頁性能及速度

1.MinimizeHTTPRequests減小HTTP請求  圖片、css、script、flash等等這些都會增長http請求數，減小這些元素的數量就能減小響應時間。把多個JS、CSS在可能的狀況下寫進一個文件，頁面裏直接寫入圖片也是很差的作法，應該寫進CSS裏，利用CSSsprites將小圖拼合後利用background來定位。 
2.UseaContentDeliveryNetwork利用CDN技術  CDN確實是好東西，不過服務器提供商的這項服務通常是要收費的。 
3.AddanExpiresoraCache-ControlHeader設置頭文件過時或者靜態緩存  瀏覽器會用緩存來減小http請求數來加快頁面加載的時間，若是頁面頭部加一個很長的過時時間，瀏覽器就會一直緩存頁面裏的元素。不過這樣若是頁面裏的東西變更的話就要更名字了，不然用戶端不會主動刷新，這項能夠經過修改.htaccess文件來實現。====  <meta http-equiv="expires" content="Sunday 26 October 2008 01:00 GMT"/>====  
4.GzipComponentsGzip壓縮  Gzip格式是一種很廣泛的壓縮技術，幾乎全部的瀏覽器都有解壓Gzip格式的能力，並且它能夠壓縮的比例很是大，通常壓縮率爲85%。壓縮沒壓縮，能夠到這裏作下測試。  
5.PutStylesheetsattheTop把CSS放頂部  讓瀏覽者能儘早的看到網站的完整樣式。 
6.PutScriptsattheBottom把JS放底部  網站呈現完畢後再進行功能設置，固然這些JS要在你的加載過程當中不影響內容表現。  
7.AvoidCSSExpressions避免CSSExpressions  CSS表達式很可怕，這個只被IE支持的東西執行時候的運算量很是大，你移動一下鼠標它都要進行重計算的，但有時候爲了作瀏覽器的兼容必需要用到這個IE6。

前端性能優化的14個規則:
規則01：儘可能減小HTTP請求
① 圖片地圖
② 請CSS喝「雪碧」（CSS Sprites）CSS Sprites一句話：將多個圖片合併到一張單獨的圖片，這樣就大大減小了頁面中圖片的HTTP請求。
③ 內聯圖片和腳本使用data:URL（Base64編碼）模式直接將圖片包含在Web頁面中而無需進行HTTP請求。
④ 樣式表的合併將頁面樣式定義、腳本、頁面自己代碼嚴格區分開，可是樣式表、腳本也不是分割越細越好，由於沒多引用一個樣式表就增長一次HTPP請求，能合併的樣式表儘可能合併。
規則02：使用內容發佈網絡（CDN的使用）

規則03：添加Expires頭

規則04：壓縮組件（使用Gzip方式）

規則05：將CSS樣式表放在頂部

規則06：將javascript腳本放在底部

規則07：避免使用CSS表達式

規則08：使用外部javascript和CSS

規則09：減小DNS查詢

規則10：精簡javascript

規則11：避免重定向

規則12：刪除重複腳本

規則13：配置ETag

規則14：使Ajax可緩存