企業(yè)網(wǎng)站建設使用CSS Sprite技術

2022-01-11 分類：網(wǎng)站建設

市面上的瀏覽器, 均有并發(fā)HTTP請求數(shù)量限制, 即會限制一個網(wǎng)站同時發(fā)出的HTTP請求數(shù)量, 在發(fā)出的HTTP請求沒有被結束的時候, 新的HTTP請求不會被開始。因此, 每一個請求都是非常資源。在電商網(wǎng)站中, 如果每一個圖片, 包括零碎的小圖標, 都占用一個請求去獲得, 那十分浪費請求資源。客戶端每顯示一張圖片都會向服務器發(fā)送請求。所以, 圖片越多請求次數(shù)越多, 造成延遲的可能性也就越大。

CSS Sprite技術, 允許開發(fā)者將眾多零碎的圖片, 諸如小圖標等, 通過Photoshop或其他圖片工具, 切片合并成一個大圖 (如圖3) , 然后統(tǒng)一通過一個請求, 發(fā)送到瀏覽器端。開發(fā)者需要做的事情, 就是利用CSS中的backgroundposition、background-repeat, background-position的組合, 來定義每個小圖標在大圖上的對應位置, 通過大圖加精準位置定位切割的方式, 去顯示出多個小圖標。這樣, 就是通過一個CSS代碼, 再加上一個合并而成的圖片, 就代替了同時傳送多個小圖標的方法。

在電商網(wǎng)站建設中, 均存在大量的小圖標, 如商品分類logo、設置菜單logo等。采用CSS Sprite能夠大量地減少網(wǎng)頁的HTTP請求, 降低網(wǎng)站臃腫度。同時可以加快頁面加載速度, 大大地提高網(wǎng)站的性能。

文章題目：企業(yè)網(wǎng)站建設使用CSS Sprite技術
URL地址：http://m.2m8n56k.cn/news6/142806.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設、網(wǎng)站營銷、品牌網(wǎng)站設計、域名注冊、虛擬主機、網(wǎng)站改版

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

網(wǎng)站設計中排版的最佳方法 2022-01-11
網(wǎng)頁設計的影響 2022-01-11
創(chuàng)新互聯(lián)助力全球首個AI公園落地北京海淀 2022-01-11
一個好的營銷型網(wǎng)站都具備哪些要素？ 2022-01-11
新媒體編輯一定要知道的55個常用術語 2022-01-11
互聯(lián)網(wǎng)時代誰的未來會到來 2022-01-11

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

企業(yè)網(wǎng)站建設使用CSS Sprite技術