
日期:2017-12-20
瀏覽:10
對于網(wǎng)站圖片優(yōu)化的重要性已經(jīng)不言而喻,而圖片懶加載的重要性也就更不用多說,針對與網(wǎng)站圖片的優(yōu)化,我們在如何利用懶加載的方式來做到頁面的最佳化呢?
首先我們需要知道整個網(wǎng)站或者一個頁面中在哪些板塊會出現(xiàn)圖片,因為各個網(wǎng)站的不同,以一種最通用的頁面來舉例:
其中首頁一般頂部第一個是LOGO圖片,這個應(yīng)該是沒有必要做懶加載的,因為LOGO肯定是會在首屏顯示和第一時間加載的;
然后可能就是幻燈效果或者是大圖的展現(xiàn)效果,如果圖片是在首屏的話做懶加載就沒有必要了,可以選擇直接引入或者css內(nèi)鏈樣式以背景的方式引入圖片;
接著就是左側(cè)的文章列表以及右側(cè)的推薦文章等相關(guān)的內(nèi)容和縮略圖,這些地方的圖片就是做懶加載的必要地方;
對于像博客或者一些資訊的站點,可能還會存在一個用戶頭像圖片,這個也是做懶加載的必要地方;
以上四點是針對與一個通用的網(wǎng)頁以及整個網(wǎng)站都是適用的,而對于文章內(nèi)容頁面,一般而言文章內(nèi)容為了讓搜索引擎良好的抓取文章整體內(nèi)容包括圖片,所以是不會做圖片的懶加載的,但是對于需要多張甚至大量的圖片展現(xiàn)該怎么辦呢?有什么好的解決方法?
對于有多張或大量圖片的文章內(nèi)容而已,懶加載依舊是非常有必要的,否則當(dāng)文章頁面打開,所有的圖片都同時請求加載圖片,依舊會形成網(wǎng)頁半天打不開或者頁面加載中的狀態(tài),通過個人經(jīng)驗和對內(nèi)容傳播的總結(jié)來看,文章中的前三張圖片不做懶加載,其余圖片都是可以做懶加載圖片的,從搜索引擎的角度來看,文章中的圖片會被搜索引擎索引并且可能用于搜索結(jié)果的縮略圖展現(xiàn),所以不能全部做圖片懶加載,否則搜索引擎就不能正確獲取到文章圖片。
成都網(wǎng)站建設(shè)公司(http://www.hahazhuan.cn/)為企業(yè)提供一站式網(wǎng)站服務(wù)及網(wǎng)絡(luò)營銷服務(wù)。服務(wù)項目涵蓋:高端網(wǎng)站建設(shè)、企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、網(wǎng)站制作、成都建網(wǎng)站、成都網(wǎng)站制作、成都網(wǎng)站優(yōu)化、電子商城網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計及網(wǎng)頁制作;成都微店制作,成都微站制作,成都微信網(wǎng)站制作,微店鋪制作,微商城,微信營銷,app制作,手機app制作,APP制作開發(fā)等。
成都建網(wǎng)站就找專業(yè)網(wǎng)站建設(shè)公司——四川明騰信息技術(shù)有限公司,全國免費咨詢熱線:400-8081601
文章由四川明騰網(wǎng)絡(luò)成都網(wǎng)站建設(shè)編輯整理,轉(zhuǎn)載請注明出處
|響應(yīng)式建站 | 政府事業(yè)建站 |集團公司建站 |醫(yī)院建站 |企業(yè)建站 |B2B商城 |B2C商城 |門戶類建站 |OA系統(tǒng)