webkaka新增了几个网页优化工具:图片/CSS/JS压缩

作者:Kaka 时间:2012-7-1 23:12:14 浏览: 评论:46

说到网页速度优化，比较普遍的做法是减少图片，压缩代码，减少网页体积，从而减少网页下载时间。其实在webkaka的网站速度诊断的性能优化里，就有图片优化、CSS优化、JS优化的优化建议，不过那里并没有直接给出优化后的文件和代码，只给出几个相关的数字说明。

为了更进一步满足部分用户的要求，今天webkaka把这三个网页优化工具独立了出来，供有需要的用户使用。

通过这三个工具，用户可以得到优化后的文件或代码。

一、图片压缩优化

我本人对图片优化的概念在早前也比较模糊，认为图片优化无非就是把体积较大的png/bmp格式转换为体积较小的jpg或gif格式而已。这个做法不全对，其实图片优化除了上述做法外，还可以通过压缩的技术把图片体积减少的。如上图所示，图片由30k压缩到3k，压缩比竟然高达90%，而压缩后的效果还是相当不错的。

webkaka提供的图片压缩工具，有三种方式。1、输入网页地址，优化网页所有的jpg/bmp/png图片，优化结果会同时给用户返回原始图和压缩图。2、单张图片压缩优化。3、上传本地图片优化。

另外，压缩等级分为10级-100级，10级的质量较差，100级的质量最好，我们一般选择80等级就差不多了。

2、CSS压缩优化

CSS代码，我们一般都编写得比较规范，换行、注释、空格、制表符等等这些字符很多很多。这虽然可读性强，但是其弊端是增大了CSS文件体积，从而增加了文件下载的时间。

webkaka提供的CSS压缩优化工具，会把换行、注释、空格、制表符等等这些字符统统去掉，从而减少了CSS文件体积，减少了文件下载的时间。

3、JS压缩优化

JS压缩跟CSS压缩方法类似，压缩的原则是把换行、注释、空格、制表符等等这些字符统统去掉，从而减少了JS体积，减少了文件下载的时间。

无论是图片优化、CSS压缩优化，还是JS压缩优化，都是网页优化的重要的也是最常用的方法。测试网页打开时间，如果你觉得你的网页打开速度很慢、打开时间很长，那么不妨使用一下这三个网页优化方法。

立即试试：图片压缩优化 CSS压缩优化 JS压缩优化