文件压缩 - JavaScript/CSS/HTML/图片

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

后续补充

...

猜你喜欢

转载自blog.csdn.net/william_n/article/details/106733902
今日推荐