2016-11-04 分類: 網站建設
隨著搜索引擎的不斷進步,外鏈在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文件就可以搞定整個頁面的樣式了。
分享文章:網站SEO優化小技巧:使用data圖片
標題鏈接:http://m.newbst.com/news25/59875.html
成都網站建設公司_創新互聯,為您提供云服務器、品牌網站設計、品牌網站制作、搜索引擎優化、做網站、網頁設計公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容