問(wèn)題描述

1.減少請(qǐng)求文件次數(shù)，2.使用雪碧圖。3.使用懶加載。（怎樣減少請(qǐng)求文件次數(shù)呢？）（為什么減少文件請(qǐng)求次數(shù)就可以優(yōu)化呢，如果我有10個(gè)10k的文件和一個(gè)100k的文件，我10個(gè)10k的文件用多線程同時(shí)引入，應(yīng)該比1個(gè)100k的還要快啊。）（）求大神們解答。。。。。。感激不盡。。

問(wèn)題解答

我認(rèn)為如果網(wǎng)頁(yè)比較長(zhǎng)的話，完全可以先顯示一屏內(nèi)容，再讓滾動(dòng)條滾動(dòng)到一定距離用ajax請(qǐng)求加載。如果展示的內(nèi)容特別多的話，我覺(jué)得使用分頁(yè)展示就比較好，就像淘寶京東那樣。

現(xiàn)在使用雪碧圖也未必是最好的優(yōu)化方式了。使用webpack可以減少入口文件，打包圖片base64，可以完美解決你的需求。

簡(jiǎn)單講幾個(gè)：

1、使用雪碧圖就是減少請(qǐng)求次數(shù)，舉例：有100個(gè)小圖標(biāo)，如果是單張分開就得不斷向服務(wù)器請(qǐng)求100次才能取完，如果合并放在一張圖內(nèi)，就只需要請(qǐng)求一次

2、js合并，css合并同理。

寫這里：多線程是瀏覽器的，即使多線程請(qǐng)求圖片，瀏覽器也是有限制，目前，所有瀏覽器的并發(fā)數(shù)目一般限制在10以內(nèi)。也就是說(shuō)當(dāng)超出這個(gè)數(shù)量，就會(huì)阻塞 說(shuō)到按需加載，這個(gè)得要分實(shí)際情況，大圖超過(guò)100來(lái)k的基本不會(huì)采用雪碧圖，一個(gè)小圖標(biāo)只有幾十幾百B或十幾二十k的合并起來(lái)并沒(méi)有什么負(fù)擔(dān)，相比于請(qǐng)求多次不如這樣一次請(qǐng)求來(lái)的更“劃算”