web前端开发必备压缩工具整理

Posted 2020-10-10

影响网站打开时间有两个因素，一个是网页加载速度，另一个是网站页面的大小。网站加载速度与用户所处的网络环境及主机性能有关，而网站页面的大小则由网站开发者决定,最主要的就是web前端开发工程师的工作。本文的重点就是如何压缩网站页面，以减少页面加载时间。

1. 图片压缩

相对与文本来说，图片是相当占用空间的。压缩图片是重中之重。

图片压缩工具推荐：

• Shrink-O-Matic
• Smush It
• 光影魔术手

 

2. Javascipt压缩

为了增加页面的交互性及动画效果，很多页面大量使用 javascript ，特别是Jquery。

推荐工具：

• Javascript Compressor
• JS Compressor

 

3. CSS 压缩

由于CSS代码有很多缩写，所以使用压缩工具压缩一下，能大大的降低CSS文件的大小。

推荐工具：

• CSS Optimiser
• CSS Compressor
• Clean CSS

4.html压缩

推荐使用 Dreamweaver 的清理工具。使用 Dreamweaver 的“Clean Up HTML”（ 清理 HTML）命令，可以从文档中删除空标记、融合嵌套的 font 标记等，以增强代码的可读性和易懂性。