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