什么是懶加載氓涣?
懶加載其實(shí)就是延遲加載鹃操,按需加載,只有在需要時(shí)才加載春哨,他是網(wǎng)站的一種優(yōu)化方案。
我們?yōu)槭裁匆褂脩屑虞d恩伺?
減少http請(qǐng)求赴背,減少服務(wù)器的負(fù)擔(dān),提高用戶體驗(yàn)晶渠。一些大型的電商網(wǎng)站凰荚,比如淘寶,天貓褒脯,京東便瑟,一般它們的頁面商品圖片繁多,而每加載一張圖片就會(huì)發(fā)送一次http請(qǐng)求番川,如果讓瀏覽器一次性渲染全部圖片到涂,這樣用戶的等待時(shí)間就長(zhǎng),用戶體驗(yàn)相當(dāng)不好颁督,也給服務(wù)器帶來一定的負(fù)擔(dān)践啄,這個(gè)時(shí)候就可以使用懶加載,先讓瀏覽器加載一部分呈現(xiàn)在視窗的圖片沉御,當(dāng)用戶下拉時(shí)按需將呈現(xiàn)在視窗的圖片加載給用戶屿讽,這樣的用戶體驗(yàn)就會(huì)好很多。
怎么使用懶加載吠裆?
首先給每一張要懶加載的圖片添加一個(gè)自定義屬性伐谈,比如data-src,在該屬性里面存放真實(shí)的圖片路徑试疙,設(shè)置觸發(fā)事件诵棵,當(dāng)事件觸發(fā)時(shí),將data-src的路徑獲取出來效斑,添加到src屬性里面非春。
這只是其中的一種思路,寫得有不對(duì)不好的地方望指點(diǎn)缓屠,一個(gè)剛起步的web前端小白的一點(diǎn)簡(jiǎn)書奇昙。