javascript - 怎樣優(yōu)化網(wǎng)頁打開速度呢?
問題描述
1.減少請求文件次數(shù),2.使用雪碧圖。3.使用懶加載。(怎樣減少請求文件次數(shù)呢?)(為什么減少文件請求次數(shù)就可以優(yōu)化呢,如果我有10個10k的文件和一個100k的文件,我10個10k的文件用多線程同時引入,應該比1個100k的還要快啊。)()求大神們解答。。。。。。感激不盡。。
問題解答
回答1:我認為如果網(wǎng)頁比較長的話,完全可以先顯示一屏內(nèi)容,再讓滾動條滾動到一定距離用ajax請求加載。如果展示的內(nèi)容特別多的話,我覺得使用分頁展示就比較好,就像淘寶京東那樣。
回答2:現(xiàn)在使用雪碧圖也未必是最好的優(yōu)化方式了。使用webpack可以減少入口文件,打包圖片base64,可以完美解決你的需求。
回答3:簡單講幾個:
1、使用雪碧圖就是減少請求次數(shù),舉例:有100個小圖標,如果是單張分開就得不斷向服務器請求100次才能取完,如果合并放在一張圖內(nèi),就只需要請求一次
2、js合并,css合并同理。
寫這里:多線程是瀏覽器的,即使多線程請求圖片,瀏覽器也是有限制,目前,所有瀏覽器的并發(fā)數(shù)目一般限制在10以內(nèi)。也就是說當超出這個數(shù)量,就會阻塞 說到按需加載,這個得要分實際情況,大圖超過100來k的基本不會采用雪碧圖,一個小圖標只有幾十幾百B或十幾二十k的合并起來并沒有什么負擔,相比于請求多次不如這樣一次請求來的更“劃算”
相關文章:
1. css3 - [CSS] 動畫效果 3D翻轉bug2. python - Django分頁和查詢參數(shù)的問題3. javascript - 百度echarts series數(shù)據(jù)更新問題4. MySQL客戶端吃掉了SQL注解?5. javascript - JS設置Video視頻對象的currentTime時出現(xiàn)了問題,IE,Edge,火狐,都可以設置,反而chrom卻...6. php自學從哪里開始?7. python小白的基礎問題 關于while循環(huán)的嵌套8. 求大神幫我看看是哪里寫錯了 感謝細心解答9. phpstady在win10上運行10. javascript - 圖片能在網(wǎng)站顯示,但控制臺仍舊報錯403 (Forbidden)
