在效率至上的互聯網時代，用戶是不會花費太多的時間等待網站頁面的響應。要提高網站響應速度，最重要的一點就是減少http請求，那么那么企業網站建設怎么做才能減少http請求呢？ 　　一般來說要減少http請求通常從兩個方面下手：減少圖片的請求、減少腳本文件與樣式表的請求   　　圖片的減少通常有兩種方式：csssprites、內聯圖片、IconFont。   　　CSSSprites：將多張圖片合并成一幅單獨的圖片，使用css的background-position屬性，將html元素的背景圖片放到sprites圖片中的期望位置上。使用這項技術的附加優點是他降低了下載量，合并后的圖片比分離的圖片和更小，因為它降低了圖片自身的開銷（顏色表、格式信息等等）。實際項目中csssprites是一項體力活，因為開發過程中需要對這張大圖進行維護（添加、減少圖片），張鑫旭同學的文章中有介紹如何管理sprites圖片可以作為參考（這里）。如果需要在頁面中為背景、鏈接、導航欄提供大量的圖片，csssprites絕對是一種優秀的解決方案（干凈的標簽、較少的圖片、較短的響應時間）。   　　內聯圖片：通過使用data:URL模式可以再頁面中包含圖片而無需任何額外的請求。缺點就是IE8以下的瀏覽器不支持這種方式，而IE8在數據大小上有限制，只能支持23kb以內的數據。對于較小的圖片來說可以直接內聯到web頁面中，但對于大圖片內聯到頁面里會導致頁面變大，聰明的做法是使用css，將內聯的圖片作為背景使用，并放到外部樣式表中，這意味著數據可以緩存在樣式表內部。使用外部樣式表雖然增加了一個http請求，但樣式可以被瀏覽器緩存，得到額外的收獲。另外一點需要注意：base64是有損壓縮。   　　IconFont：圖標字體，這是近年來新流行的一種以字體代替圖片的技術。它可以適應任何分辨率而不會出現圖片模糊問題，與圖片相比它具有更小的容量，更高的靈活性（像字體一樣可以設置圖標大小、顏色、透明度、hover狀態、反轉等），IE8以上的瀏覽器都支持該技術。在使用IconFont之前，你首先要確定你選則的字體庫是否是收費。   　　減少腳本與樣式表的請求主要原則就是合并。在實際開發中我們遵循模塊化的原則將代碼分散到許多小文件中，按照軟件開發的原則這是完全正確的，但對于上線頁面來說，每一個文件都會產生一個http請求，嚴重影響性能。和csssprites一樣，將這些小文件合并到一個文件中，可以減少http請求的數量并縮短最終用戶響應時間。在合并過程中我們還需要使用工具精簡（移除不必要的字符以減小文件大小縮減下載時間）和混淆（除了移除不必要字符外，還會改寫源代碼，比如函數和變量名使用更短的標量名）Javascript代碼。對于采用AMD或CMD進行模塊化開發的同學，在合并過程中通常會將依賴的其他模塊打包到一個文件中，而模板html通常以字符串的方式內聯到Javascript文件中。目前最常用的前端構建工具就是glup，這里有一篇初步應用的文章：前端|gulp打包require.js模塊依賴。   　　這是網總管小編總結的一些減少http請求的方面，有未盡之后請大家包涵。當然對于網站建設全網推廣方面的疑問，歡迎隨時垂詢。

標簽：九江 林芝 烏魯木齊 鹽城 東營