首頁  >  文章  >  web前端  >  利用css sprites減少圖片請求

利用css sprites減少圖片請求

高洛峰
高洛峰原創
2016-11-24 10:13:391306瀏覽

  在高舉「使用者體驗」為中心的網路時代,你是否因為打開網頁速度太慢而關閉網頁呢?相信很多人的答案都是肯定的。在高速的網路時代,千萬不要挑戰廣東網友的耐心,不然只會導致網友遠離你的網站而去。

  網頁提速有很多的方法,其中一條就是減少http請求。每個網站都會用到圖片,當一個網站有10張單獨的圖片,就意味著在瀏覽網站時會向伺服器提出10次http請求來載入圖片。以下為大家介紹減少圖片請求的方法。

  css sprites:網站前端開發者大多稱之為“css精靈”,通俗的理解就是:將多張小圖片合成為一張大圖片,減少http請求次數而達到網頁提速。以下以淘寶網為例子,為大家講解下css sprites是如何實現的。如我們要在網頁上顯示「今日淘寶活動」這個圖片。


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn