免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

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

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。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

網站建設網站維護公司