文章詳情頁
javascript - 怎樣優化網頁打開速度呢?
瀏覽:98日期:2022-11-22 17:39:26
問題描述
1.減少請求文件次數,2.使用雪碧圖。3.使用懶加載。(怎樣減少請求文件次數呢?)(為什么減少文件請求次數就可以優化呢,如果我有10個10k的文件和一個100k的文件,我10個10k的文件用多線程同時引入,應該比1個100k的還要快啊。)()求大神們解答。。。。。。感激不盡。。
問題解答
回答1:我認為如果網頁比較長的話,完全可以先顯示一屏內容,再讓滾動條滾動到一定距離用ajax請求加載。如果展示的內容特別多的話,我覺得使用分頁展示就比較好,就像淘寶京東那樣。
回答2:現在使用雪碧圖也未必是最好的優化方式了。使用webpack可以減少入口文件,打包圖片base64,可以完美解決你的需求。
回答3:簡單講幾個:
1、使用雪碧圖就是減少請求次數,舉例:有100個小圖標,如果是單張分開就得不斷向服務器請求100次才能取完,如果合并放在一張圖內,就只需要請求一次
2、js合并,css合并同理。
寫這里:多線程是瀏覽器的,即使多線程請求圖片,瀏覽器也是有限制,目前,所有瀏覽器的并發數目一般限制在10以內。也就是說當超出這個數量,就會阻塞 說到按需加載,這個得要分實際情況,大圖超過100來k的基本不會采用雪碧圖,一個小圖標只有幾十幾百B或十幾二十k的合并起來并沒有什么負擔,相比于請求多次不如這樣一次請求來的更“劃算”
標簽:
JavaScript
相關文章:
1. angular.js - webpack build后的angularjs路由跳轉問題2. java - web項目中,用戶登陸信息存儲在session中好 還是cookie中好,取決于什么?3. java - Activity中的成員變量被賦值之后,Activity被回收的時候內存才會被釋放嗎4. Discuz! Q 有人用過嗎?5. 數組按鍵值封裝!6. 我寫的哪里有錯?請大神幫忙查看一下。7. 請求一個數據返回內容為空或者錯誤如何再次請求幾次8. 使用list和each配合,的作業,輸出一行后,如何換行9. php由5.3升級到5.6后,登錄網站,返回的是php代碼,不是登錄界面,各位大神有知道的嗎?10. 為什么bindClass訪問不了的?
排行榜
