課程
/前端開發
/前端工具
/webpack深入與實戰
如題.....
2017-10-13
源自:webpack深入與實戰 4-7
正在回答
是的,減少了http請求,一個http請求就是一個網絡開銷
第一呢,你可以理解為行內CSS,就是本來可以是一個外部文件,然后瀏覽器開一個請求去請求圖片,然后緩存到本地并且展示。
然后你,你把這段CSS寫在行間了,那么就會隨時你的HTML文檔這個一起加載進來~
優勢、1:隨HTML加載進行加載,對比單獨起一個請求去加載,可能出現失敗的場景,則要失敗則整體一起加載失敗
缺點、瀏覽器對請求靜態資源做了大量的優化緩存,目的就是為了讓用戶更好更快的打開過已打開過的網站,并且也緩解了服務器壓力,可以說是一舉兩得,但是在一些較大的靜態文件的時候,可能會出現加載失敗,相信大家都遇見過,文檔加載出來了,但是界面錯亂,那就是部分樣式沒加載進來導致的。那么圖片也是一樣的道理。最主要的是你多個HTML引用,則加大了每個HTML的大小,如果是瀏覽器請求的話,會先去檢測域下的緩存,然后直接從緩存讀取。
總結:所以一般來說,使用小ICON等情況可能會使用base64去整理圖片以外,其他建議都使用引用加載。
減少了HTTP請求
舉報
webpack實戰教程,用真實項目帶你探索 webpack 強大的功能
1 回答url-loader為什么沒有生成base64的圖片
1 回答圖片壓縮不明顯的原因是什么?
1 回答為什么我的圖片一點都沒壓縮
2 回答老師用的編輯器是什么
4 回答webpack打包圖片
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-12-30
是的,減少了http請求,一個http請求就是一個網絡開銷
2018-08-21
第一呢,你可以理解為行內CSS,就是本來可以是一個外部文件,然后瀏覽器開一個請求去請求圖片,然后緩存到本地并且展示。
然后你,你把這段CSS寫在行間了,那么就會隨時你的HTML文檔這個一起加載進來~
優勢、1:隨HTML加載進行加載,對比單獨起一個請求去加載,可能出現失敗的場景,則要失敗則整體一起加載失敗
缺點、瀏覽器對請求靜態資源做了大量的優化緩存,目的就是為了讓用戶更好更快的打開過已打開過的網站,并且也緩解了服務器壓力,可以說是一舉兩得,但是在一些較大的靜態文件的時候,可能會出現加載失敗,相信大家都遇見過,文檔加載出來了,但是界面錯亂,那就是部分樣式沒加載進來導致的。那么圖片也是一樣的道理。最主要的是你多個HTML引用,則加大了每個HTML的大小,如果是瀏覽器請求的話,會先去檢測域下的緩存,然后直接從緩存讀取。
總結:所以一般來說,使用小ICON等情況可能會使用base64去整理圖片以外,其他建議都使用引用加載。
2017-10-14
減少了HTTP請求