84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我在我的一個頁面中,用了幾處css background設置為圖片的, 圖片大概就是幾十K這樣..現在首次打開網頁時, 這幾處地方明顯加載慢, 看起來像是樣式全部加載完之後, 圖片才刷出來..有什麼方法可以加快css加載; 或者說.讓這些圖片加載起來和看起來頁面同步一些,不會留著一些空白等待加載!用的nginx,上了https和http2...有什麼解決方案,不一定是加速.
果斷就懶加載吧,簡單好用
預先載入圖片,加入loading層,效能略為下降,但體驗好很多
一個頁面用到多處可以先減少請求數先把圖片處理成一張sprite圖,然後再對圖片進行壓縮,其實還是具體問題具體分析,最好是可以看到比較具體的代碼
靜態資源可以放到cdn上,圖片很大的話,建議預先載入或懶加載。懶加載時,建議用css提前佔位,以免造成不必要的reflow。另:圖片偏大的話,不建議使用雪碧圖。
1.最懶的方法用lazyload
首先 雪碧圖 自是不用說 當然 你也得看大小而定
其次 看圖片所在的區域 如果有部分圖片不在即視區的話 可以使用懶加載
如果以上條件都不滿足 就可以透過圖片壓縮 來減少圖片尺寸
果斷就懶加載吧,簡單好用
預先載入圖片,加入loading層,效能略為下降,但體驗好很多
一個頁面用到多處可以先減少請求數先把圖片處理成一張sprite圖,然後再對圖片進行壓縮,其實還是具體問題具體分析,最好是可以看到比較具體的代碼
靜態資源可以放到cdn上,圖片很大的話,建議預先載入或懶加載。懶加載時,建議用css提前佔位,以免造成不必要的reflow。另:圖片偏大的話,不建議使用雪碧圖。
1.最懶的方法用lazyload
首先 雪碧圖 自是不用說 當然 你也得看大小而定
其次 看圖片所在的區域 如果有部分圖片不在即視區的話 可以使用懶加載
如果以上條件都不滿足 就可以透過圖片壓縮 來減少圖片尺寸