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

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

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

  【fiddler】

  追踪工具,尤其针对Http

  展示完成的request和response

  可以保存session存档

  

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

  网页加载耗时时间轴

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

  

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

  【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】

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

  网络适配器的钩子。

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

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

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

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

  首先创建一个新的Capture-》工具栏里的”New Capture“。然后点击上边绿色三角 start。切换到IE浏览器。访问www.microsoft.com。然后切换回来点击stop。

  我们可以发现有很多信息。包含了很多协议。现在我们添加一个过滤器:http

  

  第一条信息居然是搜狐mail。不要紧,一定是它定期去发送http request获取mail信息了。

  我们可以看到location实际访问的***/mail/check。是的,我们想对了。它就是去检查邮件啦。

  我在这里只是想抛砖引玉。如果你对Microsoft Network Monitor感兴趣。请参见:http://en.wikipedia.org/wiki/Microsoft_Network_Monitor

  【IIS 日志文件】

  IIS对于性能测量方面能为我们提供2个feature:

  所用时间

  日志剖析

  通用方法查询IIS日志文件、事件日志等

  查询语法特别接近SQL语句

  记录站点健康信息

  所用时间

  我们可以通过IIS的日志文件进行我们的性能分析。首先打开IIS->选定站点->logging(日志)

  

  点击选择字段。并且勾选上所用时间以及你感兴趣的字段。

  

  点击确定之后,每当有request来到你的IIS服务器。IIS都会为你记录一份详尽的日志。

  日志剖析

  LogParser 是一个命令行工具,可以通过SQL 语句对日志进行分析统计。可以分析IIS日志,还可以分析系统事件日志,CSV,XML等格式日志

  基本的用法如下:

  LogParser –i:输入文件的格式 –o:输出格式 “SQL语句”

  例如下面的例子是用Log Parser统计访问整个IIS站点次数最多的IP:

  logparser.exe -i:IISW3C SELECT TOP 25 cs-uri-stem as Url, COUNT(*) As Hits FROM c:\inetpub\logs\LogFiles\W3SVC1\* GROUP BY cs-uri-stem ORDER By Hits DESC

  如果你对logparser 感兴趣。可以再去读读 这篇文章:http://blogs.msdn.com/b/carlosag/archive/2010/03/25/analyze-your-iis-log-files-favorite-log-parser-queries.aspx

  【第三方服务】

  Keynote http://www.keynote.com/ ,Gomez(收费的)

  提供性能分析服务。

  允许我们比较自己和其他站点性能上的差异

  提供代理服务

  响应时间和每X分钟的有效性。

  好,感谢大家的阅读。下一章我们会介绍【基础设施性能】。

原文:http://www.cnblogs.com/techborther/archive/2012/08/02/2618933.html

时间: 2024-08-01 19:03:11

网站性能指南(二):网站性能测量神器的相关文章

网站性能指南(一):概述

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 [概观] 什么使我们的网站变慢? Http 协议 通过更好的性能省钱和赚钱 性能规则 [什么使网站变慢] 对于大多数现代的网站,仅仅有10%-20%的响应时间是用于生成和加载html document的. 那么,其他的时间用于加载什么呢?确切的说,如下: css javascript(jquery,plugin 等等) images 让我们使

[网站性能]一个完美网站的101项指标之六

性能|网站 网站的性能关乎用户访问体验,让网站支撑更多用户,让每个用户的等待时间更短是我们的目标.性能的提高靠的是数据库优化,高效率的 HTML 代码渲染以及内容缓存.以下是提高网站性能的一些规则: 对数据库进行优化设计 合理使用 Index,使用高效 SQL 语句,减少数据库表的全表扫描,只返回必要的数据,这些都是非常有效的数据库优化方式,数据库往往是一个网站的性能瓶颈,您需要对数据库进行持续地优化,每一点微不足道的性能提高,累积起来都会带来质的改变. 使用 Store Procedure 进

高性能网站建设指南:性能提升的14个原则

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 今日大致浏览了一下<High Performance Web Sites>.本书的中文版是<高性能网站建设指南>.本书另有对其中个别问题深入探究的进阶篇<Even Faster Web Sites>,中译<高性能网站建设进阶指南>.这本书中给出了14条网站性能提升的原则,每个原则独立成章,配有示

JavaScript提高网站性能优化的建议(二)_javascript技巧

在javascript关于提高网站性能的几点建议(一)中,从HTTP请求到页面渲染几个方面对提高网站性能提出了几点建议,本文是学习Steve Sounders的另外一本书<高性能网站建设进阶指南>之后,从JavaScript性能的角度进行总结概括,诸君共勉. JavaScript性能是实现高性能Web应用程序的关键 --Steve Sounders 1 利用js作用域链 作用域链(scope chain) 当执行一段JavaScript代码(全局代码或函数)时,JavaScript引擎会创建为

yahoo网站性能优化的建议:Yahoo军规再度挖掘

文章描述:本来这是个老生常谈的问题,上周自成又分享了一些性能优化的建议,我这里再做一个全面的Tips整理,谨作为查阅型的文档,不妥之处,还请指正. 本来这是个老生常谈的问题,上周自成又分享了一些性能优化的建议,我这里再做一个全面的Tips整理,谨作为查阅型的文档,不妥之处,还请指正:如果你已经对yahoo这些优化建议烂熟于心,果断点这里 一. Yahoo的军规条例: 谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等:详细的解释来这里查:http://deve

网站性能分析得与失

################################### 方法与观念的改变 ################################### 错误导向: 我在网上会看到人们怎么优化网站,就是用yslow这样的工具来看,工具会告诉你要怎么做,哪方面有问题,比如我写在文档里面的像这样的:       这里会告诉你要开启压缩.     这里大致反映出时间.   这些做法做都是正确的.只是这种都是花俏的工夫.把这些当成是优化的方向,方向不对.着力点错了.结果发现网站速度没明显改善.因

PHP学习之挖掘细节提升网站性能

相信互联网已经越来越成为人们生活中不可或缺的一部分.ajax,flex等等富客户端的应用使得人们越加"幸福"地体验着许多原先只能在C/S实 现的功能.比如Google机会已经把最基本的office应用都搬到了互联网上.当然便利的同时毫无疑问的也使页面的速度越来越慢.自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的. 以上是一张web2.0页面的生命周期图.工程师很形象地讲它分成了"怀孕,出生,毕业,结婚&

PHP教程:挖掘细节提升网站性能

相信互联网已经越来越成为人们生活中不可或缺的一部分.ajax,flex等等富客户端的应用使得人们越加"幸福"地体验着许多原先只能在C/S实 现的功能.比如Google机会已经把最基本的office应用都搬到了互联网上.当然便利的同时毫无疑问的也使页面的速度越来越慢.自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的. 以上是一张web2.0页面的生命周期图.工程师很形象地讲它分成了"怀孕,出生,毕业,结婚&

将样式表放在顶部——高性能网站建设指南规则5(读书笔记)

PS:以下内容仅仅为个人读书笔记,如有错漏,随时欢迎指正.同时希望能有更多的前端爱好者们共同分享你们的心得! 背景 阅读<高性能网站建设指南>第五章,文章中, 作者建议最好将CSS文件(样式表)放在文档顶部,即<head>标签之间.当然这是在一定的应用前提之下的--该样式表在页面呈现时可能并 不需要,而是作用于由于用户与页面的交互行为而产生的动态标签.比方说你点击某个显示有"猛击我吧!!"的连接,然后页面弹出个DIV,用绿色字体和 24px的字号大小显示的标准国