B面的人生

Firebug俨然已经成为了Firefox上绝对的杀手级应用，虽然说Firefox的扩展数量是如此的巨大，但是能够像firebug一样有那么多扩展的恐怕不多。据我所知知名的就有如下的产品

Yahoo出的YSlow：知名的Web前端调试利器，对于前端的调试十分的有帮助。yahoo的作者有出《高性能网站建设指南》一书。

Firecookies：非常方便且好用的cookies的管理工具，用了这个后可以把其他的都放弃了。

Firephp：Firephp可以让你很方便的使用简单的php的函数来调用firebug的控制台。

Firecss：印象中是水木上的一个人开发的，可以将使用了的css都dump下来，从而去掉没用使用的css。需要的话似乎要去水木上找了，我也不记得具体是哪里找到的这个插件。

codeburner：可以显示html，DOM，CSS的属性的参考，及浏览器的支持情况。

昨天在Google的官方博客，Richard Rabbat和Bryan McQuade 介绍了一个叫做Page Speed的新工具。

Page Speed是一个Firebug的扩展，用来提升web的访问速度和用户体验。在文章里面写道：

Page Speed is a tool we’ve been using internally to improve the performance of our web pages — it’s a Firefox Add-on integrated with Firebug. When you run Page Speed, you get immediate suggestions on how you can change your web pages to improve their speed. For example, Page Speed automatically optimizes images for you, giving you a compressed image that you can use immediately on your web site. It also identifies issues such as JavaScript and CSS loaded by your page that wasn’t actually used to display the page, which can help reduce time your users spend waiting for the page to download and display.

这个描述倒是会让人觉得Page Speed和YSlow有得一个比较，今天去看了一下YSlow有更新到了2.0beta了，界面和功能又增强了不少。虽然Yahoo的坏消息一直不断的传来，但是Yahoo的工作人员还是很尽心尽力的工作啊。

Page Speed比较明显的功能有如下：

• Minify JavaScript：能够Minifying到本地硬盘供参考
• Optimize images：优化后的图片也保存到了本地硬盘上
• Use efficient CSS selectors：将低效率的css选择器给列出来，在我现在的皮肤tango上，有很多三层以上的选择器被认为是低效率的，囧
• Remove unused CSS：列出没有被当前页面所使用的css，不过单独而言，我觉得可能firecss的dump功能更加的方便。Page Speed还没有提供这个功能。

其他的功能似乎YSlow也包含了，总之这是一个非常有用的工具。越来越看好firebug，希望Firefox3.5能够早日出来。