性能测试工具-利用FireBug做前端性能测试

最新推荐文章于 2021-01-24 23:41:32 发布

转载最新推荐文章于 2021-01-24 23:41:32 发布 · 959 阅读

文章标签：

#测试工具 #firebug #性能优化 #firefox #测试 #junit

从核桃博客转载，http://www.hetaoblog.com/?p=80

性能测试工具-利用FireBug做前端性能测试

网站性能包括很多方面，，比如性能测试，性能优化，性能监控等。
从核桃博客开博以来，对这些方面都做了一些介绍，比如
1.性能优化：

网站性能优化实践-cms性能优化之动态页面静态化、减少http请求和js压缩

网站性能优化实践-for循环中的数据库操作

网站性能优化实践-数据库分页和轻量级Session

2.性能测试工具：

使用性能测试工具Grinder做性能测试

使用性能测试工具JMeter系列2-运行JUnit Request测试Java API

使用性能测试工具JMeter来测试网站性能1

网站性能测试工具Apache Benchmark的使用说明

3.性能监控

使用性能监控工具-Perfmon监控windows服务器性能

不过，除了今天写的网站性能优化实践-cms性能优化之动态页面静态化、减少http请求和js压缩这篇以外，其他的都是关于后台的。事实上，前端对用户所体验到的性能，影响是最直接的。并且前端的性能改进通常可以做到四两拨千斤的效果，也就是改动最小，效果最好。这里，开始介绍一些前端性能相关的只是，首先是最基本的使用Firebug的net(网络)功能做最简单的前端性能测试。
在之前的文章中十大网站使用的web服务器观察也提到过Firebug，中间有网友也问过，这里正式介绍下Firebug.
Firebug是Firefox浏览器的一个插件，当前版本是1.4.5,地址是https://addons.mozilla.org/zh-CN /firefox/addon/1843，目前兼容Firefox 3.0–3.6。安装3.0以上的Firefox后，到刚才的地址点击“添加到Firefox”安装，按照提示来基本就可以了，安装完成后，会在 Firefox右下角看到这样一个臭虫的图标。
该插件功能强大，很多人用来调试js脚本，查看dom，css等，不过这里主要介绍其中的net功能。
随便打开一个网站，比如www.soso.com,然后点击Firebug的臭虫图标，再点击所有->net，就可以看到刚才的发送的各个http 请求、大小、时间以及请求和响应头的具体内容，而后的前端性能分析就可以根据这里显示的结果，看看那个是关键的瓶颈，寻找相应的优化方法进行优化;