將圖片 src 換成 base64 格式加載，減少網(wǎng)絡(luò)請求圖片經(jīng)過 base64 編碼后會變大，增大 HTML 頁面的大小，影響加載速度所以要合理使用此方式，常用在 webpack 的 urlloader3 使用 CDN使用 CDN內(nèi)容分發(fā)網(wǎng)絡(luò)可。

lt！DOCTYPE HTMLlthtmllthead lttitlePage Titlelttitle ltmeta =。

你的圖片路徑有問題不準(zhǔn)確完整 推薦使用相對路徑比如1html和1jpg這兩個文件在同一級文件夾里則src=quot1jpgquot或直接寫 “1jpg”。

100K的圖片加載緩慢，不太可能是圖片本身的問題了懷疑是圖片服務(wù)器的問題，比如帶寬或者網(wǎng)絡(luò)情況，可以嘗試更換圖片至另一個服務(wù)器或者使用cdn測試一下。

預(yù)加載就是頁面打開，圖片什么的都加載好了優(yōu)先顯示圖片延遲加載優(yōu)先顯示別的，等別的顯示完了，再加載圖片優(yōu)先顯示其他東西各有所需，看你的用戶需要優(yōu)先看什么。

一般來說，為了給用戶有良好的使用體驗，會在onload中放入默認(rèn)圖片，也就是常見的圖片加載中的圖片，而不會直接顯示空白，然后按照文檔流來執(zhí)行后面的img標(biāo)簽，再加載對應(yīng)的實際圖片，希望對您有幫助。

就像圖片的延遲加載，在圖片出現(xiàn)在可視區(qū)域內(nèi)時在滾動條下拉才加載顯示圖片 四預(yù)加載 預(yù)加載是一種瀏覽器機制，使用瀏覽器空閑時間來預(yù)先下載加載用戶接下來很可能會瀏覽的頁面資源，當(dāng)用戶訪問某個預(yù)加載的鏈接時。