早就想对blog优化一下，尤其是在不断的添加插件之后，各项加载都在增加，包括css也在不断增长，十分头痛。从Nicky那看到在线网页分析工具，它可以帮助你查看页面中的HTML、JS、CSS代码和图片各自的大小，再计算出不同的带宽下的加载速度，最后给出一个建议，提示你哪部分该优化了。于是就去试了一下，我的“Congratulations”有点偏少了。
于是通过Nicky提到的一篇优化CSS的文章进行了优化，可是不知什么原因，开始调试没问题，可后来就怎么也没法调用style.css.php,只好换了几个compress css,并且自己也通过提示改了一些设置和代码。
这是 codeandcoffee的 JavaScript Compression tool, 的结果：Old Size: 6774 bytes New Size: 5371 bytes Ratio: 79.3%
最后用的是the exact little script 压缩到了48**bytes。
以下结果便是通过“Web Page Analyzer”得到的优化前后的结果：
Object Size Totals（Before）
| Object type | Size (bytes) | Download @ 56K (seconds) | Download @ T1 (seconds) |
|---|---|---|---|
| HTML: | 7873 | 1.77 | 0.24 |
| HTML Images: | 411085 | 84.13 | 4.38 |
| CSS Images: | 67762 | 17.10 | 3.96 |
| Total Images: | 478847 | 101.23 | 8.34 |
| Javascript: | 131241 | 28.96 | 3.50 |
| CSS: | 9115 | 2.42 | 0.65 |
| Multimedia: | 0 | 0.00 | 0.00 |
| Other: | 0 | 0.00 | 0.00 |
Object Size Totals（After）
| Object type | Size (bytes) | Download @ 56K (seconds) | Download @ T1 (seconds) |
|---|---|---|---|
| HTML: | 7988 | 1.79 | 0.24 |
| HTML Images: | 168834 | 35.85 | 3.09 |
| CSS Images: | 67762 | 17.10 | 3.96 |
| Total Images: | 236596 | 52.95 | 7.05 |
| Javascript: | 131241 | 28.96 | 3.50 |
| CSS: | 7452 | 2.09 | 0.64 |
| Multimedia: | 0 | 0.00 | 0.00 |
| Other: | 0 | 0.00 | 0.00 |
比起通过gzip效果实在差多了，可是我也没有办法……以后再试试吧。
通过测试发现原来Wordpres已经自动启用了gzip来压缩，通过Real-Time Compression Check测试得到下面的结果：
Compression Check Report
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
- Newer: Sakura
- Older: 我正在使用的firefox插件
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.sweetblues.cn/2007/03/23/optimize-my-css/trackback/
- Listed below are links to weblogs that reference
- Optimize My CSS from Sweetblues' Inspiration