成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術文章
文章詳情頁

前端 - 如何加速css background圖片的加載速度

瀏覽:94日期:2023-08-14 17:37:10

問題描述

我在我的一個頁面中,用了幾處css background設置為圖片的, 圖片大概就是幾十K這樣..現在 首次 打開網頁時, 這幾處地方明顯加載慢, 看起來像是樣式全部加載完之后, 圖片才刷出來..有什么方法可以加快css加載; 或者說.讓這些圖片加載起來和看起來頁面同步一些,不會留著一些空白等待加載!用的nginx,上了https和http2...有什么解決方案,不一定是加速.

問題解答

回答1:

果斷就懶加載吧,簡單好用

回答2:

預加載圖片,加入loading層,性能略有下降,但是體驗好很多

回答3:

一個頁面用到多處可以首先減少請求數先把圖片處理成一張sprite圖,,然后再對圖片進行壓縮,其實還是具體問題具體分析,最好是可以看到比較具體的代碼

回答4:

靜態資源可以放到cdn上,圖片很大的話,建議預加載或者懶加載。懶加載時,建議用css提前占位,以免造成不必要的reflow。另:圖片偏大的話,不建議使用雪碧圖。

回答5:

1.最懶的方法用lazyload

回答6:

首先 雪碧圖 自是不用說 當然 你也得看大小而定

其次 看圖片所在的區域 如果有部分圖片不在即視區的話 可以使用懶加載

如果以上條件都不滿足 就可以通過圖片壓縮 來減小圖片尺寸

標簽: CSS
相關文章: