1.應用場景
|
主要用於前端靜態文件壓縮, 最小化,減少內容傳輸耗時，優化前端性能. |
2.學習/操作
|
以下壓縮工具，均爲在線壓縮工具
1.HTML壓縮 https://c.runoob.com/front-end/47 //菜鳥工具
2.CSS壓縮 https://c.runoob.com/front-end/52 //並不能去除註釋 https://www.bejson.com/otherformat/css/ //推薦
3.JavaScript壓縮 http://dean.edwards.name/packer/ //JS壓縮 執行速度很快
4.圖片壓縮 https://www.filedo.cn/ //靈動辦公 圖片壓縮山涉及到文件質量與尺寸的問題 建議閱讀： https://blog.csdn.net/baidu_38477614/article/details/78901107 //性能優化之圖片壓縮（質量壓縮、尺寸壓縮
補充： 其實圖片加速的方式，還會採用cdn方式。
5.總結 實際工程項目中使用的webpack之類的打包工具 但是原理上還是壓縮，只不過集成到一起，省去一些麻煩. 而壓縮的原理也只不過是將無用的東西刪除掉.其實我們也可以自己寫，只不過可以直接使用其他人已經實現的工具即可
webpcak工程化打包： TBD
後續補充 ... |
3.問題/補充
|
TBD |
4.參考
|
http://www.webkaka.com/blog/archives/html-compress-online-in-webkaka.html //非常好用的HTML在線壓縮及格式化工具 http://www.i7758.com/archives/2395.html //9款JavaScript壓縮工具 https://blog.csdn.net/william_n/article/details/103140509 //各種工具 - 在線 https://blog.csdn.net/baidu_38477614/article/details/78901107 //性能優化之圖片壓縮（質量壓縮、尺寸壓縮 |
後續補充
...