jQuery lazyLoad這個對于一個網頁開發者來說并不陌生，而對于普通網站的SEOer就未必可知了，而子凡作為一個開發、SEO及一身的人來說，我就要來給大家普及一下這個了，也算是子凡對最近在寫SEO診斷系列文章中的一個拓展知識吧！

LazyLoad介紹

Lazy Load是一個用 JavaScript 編寫的 jQuery 插件，它可以延遲加載長頁面中的圖片，在瀏覽器可視區域外的圖片不會被載入，直到用戶將頁面滾動到它們所在的位置，這與圖片預加載的處理方式正好是相反的。

在包含很多大圖片長頁面中延遲加載圖片可以加快頁面加載速度，瀏覽器將會在加載可見圖片之后即進入就緒狀態，在某些情況下還可以幫助降低服務器負擔。

LazyLoad分析

<img class=”lazy” alt=”” width=”” height=”” src=”占位圖片” data-original=”真實圖片地址” />

頁面加載時就不會加載這些圖片了，然后 JS 控制頁面滾動時才將 data-original 中的內容填到 src 里面去。

也就是因為這個問題，所以才有了子凡今天要討論的話題，因為搜索引擎大多對js的理解能力還是有限了，而搜索引擎抓取源代碼的時候，它并不能正確的抓取到真實的圖片地址，所以這是不利于網站圖片優化的。

而如果你又是一個以圖片為主的網站，如果再使用LazyLoad可能就會變得更不利于網站的優化了。

所以結論顯而易見，lazyload延遲加載技術不利于SEO的原因很簡單，即搜索引擎不會像我們人使用鼠標那樣，上下拖動網頁。搜索引擎只會選擇它看到的第一頁的內容，其它的內容都是空白。這樣當然是不利于SEO的。

使用LazyLoad可以對網站用戶體驗達到一個提升，加載速度就是最明顯的了，因為使用LazyLoad可以在用戶沒看到的地方不會加載，減少了網頁請求和下載，所以速度就是用戶體驗的重要因素之一，同樣LazyLoad可以在一定程度上降低服務器資源，這個子凡已經在本文最開始就已經提及到了。

lazyload對SEO的影響還有另外一方面，即會影響搜索引擎對網站圖片的收錄，圖片搜索也是網站的流量來源之一。

那么如何適當的利用LazyLoad而不影響網站SEO優化呢？

如果使用LazyLoad肯定是不可能完全不影響的，但是我們卻可以適當的利用LazyLoad來提升網站的用戶體驗，LazyLoad功能可以使用在除網站主體內容的其它圖片上，也就是在網站正文中，以及首頁或者頻道的分縮略圖中最好不要使用，像子凡這樣專注于WordPress開發的來說，LazyLoad功能可使用在Gravatar頭像上，以及網站側邊欄的一些圖片上，這樣是有利于用戶體驗而又幾乎不影響網站SEO優化的了。

寫在最后：lazyload雖然對提升用戶體驗有好處，但是提升的效果到底有多少，是個疑問。出現延遲加載技術是為了加快網頁打開速度，提高帶寬利用率，但是，現在帶寬越來越大，網速越來越快，移動已經到了4G時代，開視頻都嗖嗖的，帶寬這個理由，似乎已經快不成立了。

在SEO和用戶體驗提升之間，子凡覺得沒有唯一答案， 因為對于網站來說SEO很重要，而對于用戶來說，用戶體驗是首選，所以就像子凡提出的解決辦法一樣，既可以不影響網站優化，又可以提升用戶體驗，你學到了嗎？

除非注明，否則均為淚雪博客原創文章，轉載請以鏈接形式標明本文地址

本文鏈接：https://zhangzifan.com/lazyload-and-seo.html

轉載請注明出處 AE博客|墨淵 ? lazyLoad圖片懶加載影響SEO嘛？