網(wǎng)站優(yōu)化--圖片懶加載
上一篇給大家講了IntersectionObserver判斷是否可見(jiàn),這個(gè)還可以用來(lái)實(shí)現(xiàn)懶加載,首先說(shuō)一下懶加載的原理,我們先使用一個(gè)自定義屬性data-src來(lái)代替src這個(gè)屬性,因?yàn)閟rc這個(gè)屬性值是空的,所以在網(wǎng)站加載的時(shí)候并不會(huì)被加載,而當(dāng)該圖片進(jìn)入視窗內(nèi)時(shí),把data-src這個(gè)屬性的內(nèi)容賦給src,此時(shí)src擁有了值, 這個(gè)時(shí)候圖片才會(huì)加載,對(duì)于隱藏圖片較多的動(dòng)態(tài)網(wǎng)站,這個(gè)是一個(gè)必須的...