介绍一个在线网页分析工具—“ Web Page Analyzer”，它可以帮助你查看页面中的HTML、JS、CSS代码和图片各自的大小，再计算出不同的带宽下的加载速度，最后给出一个建议，提示你哪部分该优化了。如果你看到它的提示都是“Congratulations”证明你的网站性能还不错。
这个工具对网页设计师很有帮助，例如你优化/压缩CSS后想看看前后的对比值。其实Firefox也带有查看页面元素的工具，在页面中点击右键选择“查看 页面信息”，就可以看到这页的大小和meta等信息，在“媒体”标签下还可以看到所包含的图片信息，只是没有加载速度而已。
从车东这里看到IE里面可以看到页面压缩前的大小，在IE中点右键 – 属性，里面显示的页面大小就是未压缩前的，“IE和FF缺省都是支持HTTP压缩的，只不过IE显示的是压缩前的大小，FF显示的是压缩后的文件大小。”
这个工具是在 一篇优化CSS文章中发现的，他说在WordPress中把CSS后缀名改为.php，然后利用gzip压缩的方式来优化CSS，这个方法我只在国外一些插件附带的css上看见过。
转自：http://www.osxcn.com/css/web-page-analyzer.html
[ad#co-b1]
