Web应用性能分析工具---HAR文件

Raynor
2018-06-11
-
-

客户经常有的一个问题就是,我的网页服务通过你的设备之后,访问变慢了,这类直观感受的故障很不好量化,而且基于Web应用的架构,其实可能牵扯到很多问题,对于定位问题以及精确收集数据都会有不小的挑战。

现代Web网页都不是一个HTTP请求(request)就能搞定的,打开一个网页需要许多HTTP交互(transaction)才可以完整显示一个网页,有时候就是一个HTTP请求没有得到及时响应,造成了整体网页加载速度变慢,但是怎么找出这一个有问题的HTTP请求呢?

如果是做过Web前端开发的同学会说,我们可以按F12,进入浏览器的开发者模式来查看各个请求所消耗的时间,这是个可行的方法,但是作为技术支持,没有办法长时间占用客户电脑来进行排查,那么有没有工具可以帮我们收集这部分信息呢?答案当然是肯定的。

通过开发者模式查看我们访问百度时实际浏览器所发出的所有HTTP交互

HTTP Archive format

又称HAR文件,是用来记录浏览器加载网页时所消耗的时间的工具。它可以记录每一个HTTP请求发出直到收到完整的HTTP响应中间所耗费的时间,可以迅速帮助我们知道是哪些HTTP请求没有得到及时的回复,从而进行更一步的排查。

加载百度时的HAR文件展开时

  • 谷歌Chrome和微软Edge浏览器收集HAR文件

  • 火狐(FireFox)浏览器收集HAR文件

 

如何查看HAR文件

查看HAR文件

https://har.raynorli.com

“您的支持是我持续分享的动力”

微信收款码
微信
支付宝收款码
支付宝

目录关闭