如何通過(guò)js異步快速加載大量圖片？

如果是2M小水管，再牛b的js也快不到哪兒去
在這種情況下能做的就是lazyload，百度搜索一大堆
優(yōu)化圖片 給你個(gè)在線優(yōu)化圖片的網(wǎng)址：https://tinypng.com/

沒(méi)什么快速加載的辦法 可以做一些性能優(yōu)化，加載速度優(yōu)化

例如懶加載 原理就是將頁(yè)面中的img標(biāo)簽src指向一張小圖片或者src為空，然后定義data-src（這個(gè)屬性可以自定義命名，我才用data-src）屬性指向真實(shí)的圖片。

例如可以把加載函數(shù)綁定到scroll事件上 這樣加載 但是這個(gè)有弊端（會(huì)高頻率觸發(fā)函數(shù)）你可以利用節(jié)流函數(shù)的方法來(lái)改進(jìn) （思路就是比方scroll 滾動(dòng)不超過(guò)多少高度 就給個(gè)定時(shí)觸發(fā)等等）

沒(méi)什么快速的方式，最主要的就是按需加載，先加載首屏中的圖片，后續(xù)頁(yè)面中的圖，等頁(yè)面滾動(dòng)到的時(shí)候再進(jìn)行加載。

同時(shí)，對(duì)圖片進(jìn)行壓縮，也能提高圖片的加載速度。