【性能優化】---懶加載---

00一、什麼是懶加載

懶加載也就是延遲加載

 

當訪問一個頁面的時候，先把img元素或是其餘元素的背景圖片路徑替換成一張大小爲1*1px圖片的路徑（這樣就只需請求一次，俗稱佔位圖），只有當圖片出如今瀏覽器的可視區域內時，才設置圖片正真的路徑，讓圖片顯示出來。這就是圖片懶加載。

 

00二、爲何要使用懶加載

不少頁面，內容很豐富，頁面很長，圖片較多。好比說各類商城頁面。這些頁面圖片數量多，並且比較大，少說百來K，多則上兆。有的時候沒有必要一次性加載完！詳情請看京東

 

00三、懶加載實現的步驟

一、將圖片地址放在元素的自定義屬性中

 

二、當頁面加載完成後，根據scrollTop判斷圖片是否在用戶的視野內，若是在就取出屬性值放到src屬性中

 

00四、懶加載的好處

頁面加載速度快，能夠減輕服務器的壓力，節約流量，用戶體驗好

 

00四、懶加載方案

 

 

其餘懶加載方式之後再更新