文章詳情頁
前端 - 如何加速css background圖片的加載速度
瀏覽：79日期：2023-08-14 17:37:10
問題描述
我在我的一個頁面中,用了幾處css background設置為圖片的, 圖片大概就是幾十K這樣..現在 首次 打開網頁時, 這幾處地方明顯加載慢, 看起來像是樣式全部加載完之后, 圖片才刷出來..有什么方法可以加快css加載; 或者說.讓這些圖片加載起來和看起來頁面同步一些,不會留著一些空白等待加載!用的nginx,上了https和http2...有什么解決方案,不一定是加速.
問題解答
回答1：果斷就懶加載吧，簡單好用
回答2：預加載圖片，加入loading層，性能略有下降，但是體驗好很多
回答3：一個頁面用到多處可以首先減少請求數先把圖片處理成一張ｓｐｒｉｔｅ圖，，然后再對圖片進行壓縮，其實還是具體問題具體分析，最好是可以看到比較具體的代碼
回答4：靜態資源可以放到cdn上，圖片很大的話，建議預加載或者懶加載。懶加載時，建議用css提前占位，以免造成不必要的reflow。另：圖片偏大的話，不建議使用雪碧圖。
回答5：1.最懶的方法用lazyload
回答6：首先 雪碧圖 自是不用說 當然 你也得看大小而定
其次 看圖片所在的區域 如果有部分圖片不在即視區的話 可以使用懶加載
如果以上條件都不滿足 就可以通過圖片壓縮 來減小圖片尺寸
標簽：
CSS
相關文章：
1. idea 編譯的java文件 外面直接運行2. python - 有哪些預測算法可以根據實時增量數據更新算法并預測后續數據？3. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處4. python中def定義的函數加括號和不加括號的區別？5. 編程小白 問關于python當中類的方法的參數問題6. pip安裝提示Twisted錯誤問題（Python3.6.4安裝Twisted錯誤）7. html的qq快捷登錄怎么搞？求個源碼8. （JAVA）最近在做到支付寶的一碼多付支付接口，發現沒有異步回調通知，需要自己輪詢查詢訂單狀態，這個需要怎么實現？9. mysql - select查詢多個紀錄的條件怎么寫10. mysql - 求SQL語句：查詢某個值介于兩個字段值之間的記錄。
排行榜
網公網安備