- 懶加載:懶加載也叫延遲加載,延遲加載網(wǎng)絡(luò)資源或符合某些條件時(shí)才加載資源。常見的就是圖片延時(shí)加載。
懶加載的意義:懶加載的主要目的是作為服務(wù)器前端的優(yōu)化,減少請(qǐng)求數(shù)或延遲請(qǐng)求數(shù)。 懶惰實(shí)現(xiàn)方式:
- 1.第一種是純粹的延遲加載,使用setTimeOut或setInterval進(jìn)行加載延遲.
- 2.第二種是條件加載,符合某些條件,或觸發(fā)了某些事件才開始異步下載。
- 3.第三種是可視區(qū)加載,即僅加載用戶可以看到的區(qū)域,這個(gè)主要由監(jiān)控滾動(dòng)條來實(shí)現(xiàn),一般會(huì)在距用戶看到某圖片前一定距離遍開始加載,這樣能保證用戶拉下時(shí)正好能看到圖片。
- 預(yù)加載:提前加載圖片,當(dāng)用戶需要查看時(shí)可直接從本地緩存中渲染。
兩者的行為是相反的,一個(gè)是提前加載,一個(gè)是遲緩甚至不加載。懶加載對(duì)服務(wù)器前端有一定的緩解壓力作用,預(yù)加載則會(huì)增加服務(wù)器前端壓力。預(yù)加載應(yīng)用如廣告彈窗等。
更多關(guān)于web前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。