歡迎光臨四川省巨高科技有限公司

聯系我們|網站地圖|巨高資訊

13880394188

網站優化 WEBSITE CONSTRUCTION

巨高科技專業從事網站優化的服務團隊,專注提供成都網站優化、成都SEO、成都網站關鍵詞優化、成都網站優化培訓、成都網站優化公司、成都網站優化推廣

當前位置:首頁>網站優化 >網站優化技巧 >網站SEO優化小技巧:使用data圖片 >

網站SEO優化小技巧:使用data圖片

來源:成都網站建設 時間:2016-11-24 點擊次數:1588

  隨著搜索引擎的不斷進步,外鏈在SEO優化當中的占的比重呈下滑趨勢,而其他影響到用戶體驗的因素慢慢走近SEOer的視野。濟南網站建設指出提升網頁加載速度的一個途徑就是減少HTTP請求次數。那么什么可以達到減少HTTP請求的目的呢?答案是:data類型圖片。

  所謂"data"類型的Url格式,是在RFC2397中提出的,目的對于一些“小”的數據,可以在網頁中直接嵌入,而不是從外部文件載入。

  data類型圖片如何生成?

  將圖片數據base64編碼后,在前面加上:data:image/jpeg;base64,(其中的jpeg請替換成您自己的圖片類型),即可使用于CSS文件(直接將CSS文件當中的圖片路徑替換為處理后的字符串即可,可以參考一下上面的圖片)。

  data類型圖片有何優點?

  data類型圖片可以將CSS當中的所有圖片都放到CSS文件當中而不需要重新發起請求加載,也就是說,只需要請求CSS文件就夠了,減少了HTTP請求次數。并且增加圖片或者刪除圖片可以直接增加和刪除,不像雪碧圖需要重新合成。非常方便。

  data類型圖片的缺點

  data類型圖片有一個缺點,就是data類型圖片相比于文件圖片的體積會大三分之一左右。因此不建議將非常大的圖片也使用data類型,針對于小圖片data類型更有優勢。對于一些頁面簡潔的博客來說,將所有圖標轉化為data類型后放到CSS文件當中,完全可以僅僅只加載一個CSS文件就可以搞定整個頁面的樣式了。

中国足球竞彩网
在線客服
在線客服
服務熱線