現在在使用vue2開發一套pc端的網站。因為圖片圖片比較多，所以最近在考慮圖片優化的的策略。下面先說說我現在目前自己的一些想法吧圖片可以做懶加載（即只加載目前屏幕內的圖片，而不是當進入首頁，將首頁內的所有圖片都去加載）首次加載質量偏低比較小的圖片，先保證用戶可以看到圖片，然后在替換為比較清晰的圖片靜態的圖片放到cdn上面css內使用的圖片可以考慮base64，或者雪碧圖。然后將圖片壓縮后再使用谷歌瀏覽器內可以考慮webp格式的圖片（但需要服務端的配合）這是我目前可以想到，已知的在圖片方面可以做的優化。webp格式圖片基本前端的工作量很小，可以忽略實現也比較簡單。雪碧圖壓縮，base64等構建工具都可以幫忙完成，也沒有什么復雜的地方。以下我將主要說說第二點假設我現在將圖片的初始質量調整為30%，就意味著當我打開一個網站的時候請求的所有圖片都是30%質量的然后再開啟請求高質量圖片的功能，那么這一步我在vue中又需要如果去處理。js有onload事件，但是好像沒有辦法拿到一個東西是否請求完成的api假設現在先請求低質量的圖片，然后又請求高質量的圖片，就意味著一張圖片其實請求了兩次，這樣會不會很浪費？希望大神們可以分享以下自己的想法，最后是可以分享一點demo，或者說幾個可以參考的例子