随着Web2.0应用的广泛采纳,Web性能越来越受到重视。有关Web应用的性能调优标准早已经深入人心,如Yahoo!的《"开头的URL即可。 现在简单介绍Bookmarklet工具集的一些成员:
- Firebug Lite 几乎所有Web开发人员都知道Firebug。其实,Firebug Lite是Firebug的bookmarklet 版本,可以运行在包括IE和WebKit的所有浏览器中。它提供了Console、HTML viewer和DOM inspector等功能,不过Firefug的一些高级功能无法支持,比如profiler、debugger和Net Panel,但是当你使用的移动浏览器不支持Firebug时,Firebug Lite就一个好工具。
- Page Resources Souders的作品,能够分析DOM树,找到所有下载的资源。不过由于是bookmarklet形式,它无法提供HTTP头部信息、文件大小、下载时间等,也无法找到不在DOM中的资源,比如图片信标(image beacon)。
- DOM Monster DOM Monster这个工具,最初需要购买Thomas Fuchs和Amy Hoy的电子书JavaScript Performance Rocks才能得到授权使用,但是Souders说服了Thomas和Amy将其开源,该工具能够提供页面的DOM数据,并提示如何改进性能。
- SpriteMe Souders的作品,能够为分散的CSS背景图片创建CSS sprites以提高性能。
- CSSess 该工具可以找到未使用的CSS选择器。
- Zoompf Zoompf会执行一系列的性能检查算法来分析网页。该工具与其他不同的一点在于:它不会在移动浏览器中分析当前的页面。取而代之的是,它会让你访问一个Web服务器,重新下载网页并作分析,可以快速了解当前页面的性能问题。
最新评论