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

影响网站打开时间有两个因素，一个是网页加载速度，另一个是网站页面的大小。网站加载速度与用户所处的网络环境及主机性能有关，而网站页面的大小则由网站开发者决定,最主要的就是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 标记等，以增强代码的可读性和易懂性。