懶加載與預(yù)加載的基本概念啼辣。
懶加載也叫延遲加載:JS圖片延遲加載 延遲加載圖片或符合某些條件時(shí)才加載某些圖片。
預(yù)加載:提前加載圖片溅蛉,當(dāng)用戶需要查看時(shí)可直接從本地緩存中渲染馏艾。
兩種技術(shù)的本質(zhì):兩者的行為是相反的,一個(gè)是提前加載捣辆,一個(gè)是遲緩甚至不加載蔬螟。懶加載對(duì)服務(wù)器前端有一定的緩解壓力作用,預(yù)加載則會(huì)增加服務(wù)器前端壓力汽畴。
懶加載的意義及實(shí)現(xiàn)方式有:
意義:懶加載的主要目的是作為服務(wù)器前端的優(yōu)化旧巾,減少請(qǐng)求數(shù)或延遲請(qǐng)求數(shù)耸序。
實(shí)現(xiàn)方式:
1.第一種是純粹的延遲加載,使用setTimeOut或setInterval進(jìn)行加載延遲.
2.第二種是條件加載鲁猩,符合某些條件坎怪,或觸發(fā)了某些事件才開始異步下載。
1.第三種是可視區(qū)加載廓握,即僅加載用戶可以看到的區(qū)域芋忿,這個(gè)主要由監(jiān)控滾動(dòng)條來實(shí)現(xiàn)芜辕,一般會(huì)在距用戶看到某圖片前一定距離遍開始加載击狮,這樣能保證用戶拉下時(shí)正好能看到圖片灸芳。
???У?