課程
/前端開發(fā)
/HTML/CSS
/圖片預(yù)加載
圖片懶加載和圖片預(yù)加載的區(qū)別是什么?不然我還是自行百度吧
2017-06-12
源自:圖片預(yù)加載 1-1
正在回答
圖片預(yù)加載顧名思義圖片預(yù)加載就是在網(wǎng)頁全部加載之前提前加載圖片。當(dāng)用戶需要查看時可直接從本地緩存中渲染以提供給用戶更好的體驗減少等待的時間。否則如果一個頁面的內(nèi)容過于龐大沒有使用預(yù)加載技術(shù)的頁面就會長時間的展現(xiàn)為一片空白這樣瀏覽者可能以為圖片預(yù)覽慢而沒興趣瀏覽把網(wǎng)頁關(guān)掉這時就需要圖片預(yù)加載。當(dāng)然這種做法實際上犧牲了服務(wù)器的性能換取了更好的用戶體驗。
圖片懶加載緩載延遲加載圖片或符合某些條件時才加載某些圖片。這樣做的好處是減少不必要的訪問數(shù)據(jù)庫或延遲訪問數(shù)據(jù)庫的次數(shù)因為每次訪問數(shù)據(jù)庫都是比較耗時的即只有真正使用該對象的數(shù)據(jù)時才會創(chuàng)建。懶加載的主要目的是作為服務(wù)器前端的優(yōu)化減少請求數(shù)或延遲請求數(shù)。
二、圖片預(yù)加載與懶加載的區(qū)別
兩者的行為是相反的一個是提前加載一個是遲緩甚至不加載。懶加載對服務(wù)器前端有一定的緩解壓力作用預(yù)載則會增加服務(wù)器前端壓力。
標(biāo)標(biāo)喲 提問者
rehack_cn
chendidi 回復(fù) rehack_cn
學(xué)一點忘一點 回復(fù) chendidi
ChrisSimon 回復(fù) rehack_cn
33333.
舉報
預(yù)知發(fā)生的行為,提前加載需要的圖片,獲得更好的用戶體驗
1 回答圖片預(yù)加載的原理
3 回答圖片加載304?。。?/p>
1 回答圖片加載的方法
2 回答為什么預(yù)加載圖片都變成403
1 回答請問一下你看這個圖片預(yù)加載效果的軟件是什么
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-06-12
圖片預(yù)加載顧名思義圖片預(yù)加載就是在網(wǎng)頁全部加載之前提前加載圖片。當(dāng)用戶需要查看時可直接從本地緩存中渲染以提供給用戶更好的體驗減少等待的時間。否則如果一個頁面的內(nèi)容過于龐大沒有使用預(yù)加載技術(shù)的頁面就會長時間的展現(xiàn)為一片空白這樣瀏覽者可能以為圖片預(yù)覽慢而沒興趣瀏覽把網(wǎng)頁關(guān)掉這時就需要圖片預(yù)加載。當(dāng)然這種做法實際上犧牲了服務(wù)器的性能換取了更好的用戶體驗。
圖片懶加載緩載延遲加載圖片或符合某些條件時才加載某些圖片。這樣做的好處是減少不必要的訪問數(shù)據(jù)庫或延遲訪問數(shù)據(jù)庫的次數(shù)因為每次訪問數(shù)據(jù)庫都是比較耗時的即只有真正使用該對象的數(shù)據(jù)時才會創(chuàng)建。懶加載的主要目的是作為服務(wù)器前端的優(yōu)化減少請求數(shù)或延遲請求數(shù)。
二、圖片預(yù)加載與懶加載的區(qū)別
兩者的行為是相反的一個是提前加載一個是遲緩甚至不加載。懶加載對服務(wù)器前端有一定的緩解壓力作用預(yù)載則會增加服務(wù)器前端壓力。
2019-11-27
33333.