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 //性能优化之图片压缩(质量压缩、尺寸压缩 |
后续补充
...