首頁猿問關(guān)于jQuery lazyLoad的疑惑

關(guān)于jQuery lazyLoad的疑惑

JavaScript

有只小跳蛙 2019-04-09 20:23:42

看了很多篇文章，都說lazyLoad是偽加載，lazyload的原理是在DOM加載完成后開始遍歷標(biāo)簽，對其src進(jìn)行替換，待頁面滾動到可視范圍內(nèi)再來重新加載原src，但是有網(wǎng)友指出無論是替換頁面圖片src還是設(shè)置src為空，實(shí)際上瀏覽器都會去下載頁面的圖片，根本起不到任何節(jié)省帶寬或是減少服務(wù)器請求的功效，甚至還重復(fù)請求了服務(wù)器兩次！點(diǎn)此進(jìn)入指出這個問題的博客，所以想問一下大神or牛人，如何在頁面DOM加載完成后即終止瀏覽器向服務(wù)器發(fā)起圖片請求？不勝感激

查看完整描述

2 回答

RISEBY

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個贊

他的Demo中圖片是先放在src中，然后由js去先復(fù)制到_src中，再把src換成占位的。而js部分寫在body的后面部分，按照加載順序，當(dāng)前是先加載圖片，然后運(yùn)行js，js此時修改src已經(jīng)沒什么意義了。使用lazyload當(dāng)然是需要先把圖片地址寫在自定義屬性比如lazy—src="xxx.jpg"，然后再使用lazyload，當(dāng)瀏覽到時會置換src和lazy-src來加載需要的圖片了。我不明白的是他明明已經(jīng)說了需要后端配合，卻又說使用lazyload毫無意義。它的意義就是在頁面html修改src后，可以在瀏覽時才加載圖片。單純的使用lazyload，卻在src中寫入真實(shí)圖片資源地址當(dāng)然是無意義的了。

反對回復(fù) 2019-04-09