·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设问答 >> 网站性能指南(二):网站性能测量神器

网站性能指南(二):网站性能测量神器

作者:佚名      网站建设问答编辑:admin      更新时间:2022-07-23

上一章我讲了很多关于Fiddler的东西。其实有很多检测工具可以使用,如 Fiddler 、chrome、firebug、Network Monitor、IIS 和一些第三方的service。

首先我们还是先继续回顾一下fiddler的功能,

【fiddler】

1.追踪工具,尤其针对Http

2.展示完成的request和response

3.可以保存session存档

在提高我网站性能之前,我先把网站相关信息保存起来。等我优化之后,我可以拿出来做对比。哦,原来我的站点性能提高了这么多!

4.网页加载耗时时间轴

5.统计。还是以微软的网站为例:

我们可以很清楚的看到加载了哪些类型的文件,已经文件的大小。

【Chrome 浏览器】

Chrome 是google 开发的一个非常适合开发人员使用的浏览器。它同样可以测量一个网站的性能,

现在一个chrome浏览器,并且按F12。你可以看到很多开发人员选项。我们可以看到以下工具:

让我们试试他们都能干吗,功能可能一带而过,因为我们这节只关注性能相关的功能。

element :可以让我们观察当前页面包含哪些html元素。

Resources:引用哪些资源。

network 和timeline:功能类似fiddler。是关于http request 、response和timeline情况

profiles:可以收集三种profile。比如javascript 占用多少cpu。大家不防自己试试。

Audits 就更酷了。它可以为你的站点提出优化建议。就像下图。他提供了一些建议。开启gzip压缩,使用浏览器缓存移除没有使用到的css引用等。这个页面就是我写博客时候用的。所以,咱们的院子还可以提高性能:)

 

【Firebug】

由于篇幅有限,我这里就不详细介绍了,功能上和chrome差不多。下载一个firefox浏览器之后,安装firebug插件就可以使用了。呼出也是F12(让我想起了小时候的传奇外挂。)

配上个图:

【Microsoft Network Monitor】

1.通用的网络追踪工具,适用于多种协议。http、tcp/IP等等。

2.网络适配器的钩子。

3.在多个等级去看网络的结构。

4.对于特定的协议、ip地址等应用不同过滤器。

以下是获得这个免费工具的地址:http://www.microsoft.com/en-us/download/details.aspx?id=4865

看到这的朋友们就下载下来试试吧。