如何將網(wǎng)站圖片優(yōu)化做到極致?
對于網(wǎng)站圖片優(yōu)化的重要性已經(jīng)不言而喻,而圖片懶加載的重要性也就更不用多說,針對與網(wǎng)站圖片的優(yōu)化,我們在如何利用懶加載的方式來做到頁面的最佳化呢?
首先我們需要知道整個網(wǎng)站或者一個頁面中在哪些板塊會出現(xiàn)圖片,因為各個網(wǎng)站的不同,子凡這里就以一種最通用的頁面來舉例:
其中首頁一般頂部第一個是LOGO圖片,這個應該是沒有必要做懶加載的,因為LOGO肯定是會在首屏顯示和第一時間加載的;然后可能就是幻燈效果或者是大圖的展現(xiàn)效果,如果圖片是在首屏的話做懶加載就沒有必要了,可以選擇直接引入或者css內(nèi)鏈樣式以背景的方式引入圖片;接著就是左側(cè)的文章列表以及右側(cè)的推薦文章等相關的內(nèi)容和縮略圖,這些地方的圖片就是做懶加載的必要地方;對于像博客或者一些資訊的站點,可能還會存在一個用戶頭像圖片,這個也是做懶加載的必要地方;
以上四點是針對與一個通用的網(wǎng)頁以及整個網(wǎng)站都是適用的,而對于文章內(nèi)容頁面,子凡還有更多的看法與觀點,一般而言文章內(nèi)容為了讓搜索引擎良好的抓取文章整體內(nèi)容包括圖片,所以是不會做圖片的懶加載的,但是對于想子凡的淚雪網(wǎng)的某些評測或者需要多張甚至大量的圖片展現(xiàn)該怎么辦呢?有什么好的解決方法?
子凡的觀點是對于有多張或大量圖片的文章內(nèi)容而已,懶加載依舊是非常有必要的,否則當文章頁面打開,所有的圖片都同時請求加載圖片,依舊會形成網(wǎng)頁半天打不開或者頁面加載中的狀態(tài),通過子凡的個人經(jīng)驗和對內(nèi)容傳播的總結(jié)來看,文章中的前三張圖片不做懶加載,其余圖片都是可以做懶加載圖片的,從搜索引擎的角度來看,文章中的圖片會被搜索引擎索引并且可能用于搜索結(jié)果的縮略圖展現(xiàn),所以不能全部做圖片懶加載,否則搜索引擎就不能正確獲取到文章圖片,至于為什么是三張圖片嘛,子凡可能也說不出具體的參考源或者依據(jù),純屬經(jīng)驗與個人判斷,同時也因為三種縮略圖是比較通用常見的一個樣式的緣故吧。
寫在最后的簡單總結(jié)
對于網(wǎng)站圖片的優(yōu)化,懶加載可能只是其中一種方式,但確實最行之有效的方式,例如現(xiàn)在第三方的CDN就可以直接處理和壓縮圖片,相當?shù)暮唵畏奖?,雖然說子凡也很喜歡CDN,但是網(wǎng)站處于一個流量不高不低的狀態(tài),服務器帶寬優(yōu)化一下也是可以支持的,所以就不愿意用CDN,因為CDN流量也是需要花錢的啊!對于一個網(wǎng)站而已,圖片比內(nèi)容更占用空間和帶寬,但是只要做到足夠的優(yōu)化,也是可以完美應對的。
關于如何把網(wǎng)站圖片優(yōu)化與懶加載做到極致子凡也就給大家分享到這里了,相信能對那些喜歡折騰,追求極致,或者那些流量不高不低不愿意再給圖片或者CDN流量付費的朋友們有所幫助了,如果你對網(wǎng)站圖片優(yōu)化還有其它觀點,歡迎在淚雪博客留言我們一起探討哦!
除非注明,否則均為淚雪博客原創(chuàng)文章,轉(zhuǎn)載請以鏈接形式標明本文地址
本文鏈接:https://zhangzifan.com/img-lazy-load-seo.html
更多關于云服務器,域名注冊,虛擬主機的問題,請訪問西部數(shù)碼官網(wǎng):www.ps-sw.cn