上次讲 Web 页面优化 的时候，讲到前端的 CSS 和 Javascript 等文件需要尽量的压缩。参加公司的某项目也到了后期，也需要大量的脚本压缩处理。

于是，在中午吃饭的时候花了点时间，搞了这个 批量压缩 CSS 的小工具 （很久没有写 PHP 了，练个手）。

这个工具的用法很简单，只需要将需要压缩的 CSS 文件打包成 ZIP 格式的文件，然后上传就可以了。服务器端会自动处理压缩包内的 CSS 文件（其他文件会忽略），然后再将其打包回来供用户下载。

处理以后的 CSS 样式文件，将被去除注释、空格和回车。考虑到尽量保持功能的单一，所以我并没有考虑加入过多的选项。

此工具的地址如下

http://friable.rocks/css_compresser/

至于源代码，我会进一步完善以后发布出来，请大家保持关注。

淘宝开了个好头 ，D2 前端开发论坛应誉而生。第二届的 D2 论坛在北京由中国 YAHOO 团队举行（ 官方地址 ）。

D2(Designer and Developer)前端技术论坛(简称D2)，为国内前端开
发者和网站设计师提供一个交流的机会，一起分享技术的乐趣，探讨行
业的发展，以技术会友。今年D2来到北京，由中国雅虎主办，我们将努
力营造一种轻松自由的交流氛围，继续传承D2的宗旨，没有任何商业色
彩，不收取门票等任何费用，以纯粹的技术交流为根本，共同推动国内
前端技术的发展。

个人认为 D2 论坛还是有必要去见识下的。能和那些优秀团队的开发人员相互交流，这本身就是宗难得财富。

在北京有兴趣和时间的朋友，可以关注下此事。

首先，感谢 圆心 和 小马 主持这次的技术交流会。此次关注的是 客户端的效率问题 ，根据 Yahoo 的总结，可以总结下面 14 条「军规」。

1. 尽可能的减少 HTTP 的请求数 [content]
2. 使用 CDN（Content Delivery Network） [server]
3. 添加 Expires 头（或者 Cache-control） [server]
4. Gzip 组件 [server]
5. 将 CSS 样式放在页面的上方 [css]
6. 将脚本移动到底部（包括内联的）[javascript]
7. 避免使用 CSS 中的 Expressions [css]
8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
9. 减少 DNS 查询 [content]
10. 压缩 JavaScript 和 CSS （包括内联的）[javascript] [css]
11. 避免重定向 [server]
12. 移除重复的脚本 [javascript]
13. 配置实体标签（ETags）[css]
14. 使 Ajax 缓存 [content]

根据，PPT 的内容所示，我使用 Yslow 检查了下本人的主页，才得了个「F 47」（坦白说，与我本人估计的非常有出入）。

主要的问题就是没有开启 Gzip 压缩，以及没有设置 HTTP 头缓存。看来折腾了那么久，除了服务器端的性能，客户端的缓存还是不能忽视的。

想想看，如果淘宝首页没有缓存，即便是多了 1KB 的页面容量，乘以每天上亿的 PV，这个数字将是多么的庞大。

最后， 提供本次的交流会的 PPT 下载 ，再次感谢他们。

有关更多的信息，可以访问 圆心 同志的 Blog ，他上面有更详实的内容。