Web应用性能分析工具—HAR文件
来源 https://raynorli.com/2018/06/11/web-performance-analysis-har-file/
客户经常有的一个问题就是,我的网页服务通过你的设备之后,访问变慢了,这类直观感受的故障很不好量化,而且基于Web应用的架构,其实可能牵扯到很多问题,对于定位问题以及精确收集数据都会有不小的挑战。
现代Web网页都不是一个HTTP请求(request)就能搞定的,打开一个网页需要许多HTTP交互(transaction)才可以完整显示一个网页,有时候就是一个HTTP请求没有得到及时响应,造成了整体网页加载速度变慢,但是怎么找出这一个有问题的HTTP请求呢?
如果是做过Web前端开发的同学会说,我们可以按F12,进入浏览器的开发者模式来查看各个请求所消耗的时间,这是个可行的方法,但是作为技术支持,没有办法长时间占用客户电脑来进行排查,那么有没有工具可以帮我们收集这部分信息呢?答案当然是肯定的。
通过开发者模式查看我们访问百度时实际浏览器所发出的所有HTTP交互
HTTP Archive format
又称HAR文件,是用来记录浏览器加载网页时所消耗的时间的工具。它可以记录每一个HTTP请求发出直到收到完整的HTTP响应中间所耗费的时间,可以迅速帮助我们知道是哪些HTTP请求没有得到及时的回复,从而进行更一步的排查。
加载百度时的HAR文件展开时
-
谷歌(Chrome)浏览器收集HAR文件
-
火狐(FireFox)浏览器收集HAR文件
-
IE浏览器收集HAR文件
- Tips:一定要记得打开第2步中左边的开始抓包键
如何查看HAR文件
维基中列出的支持软件有以下
- Firebug
- Fiddler
- HttpWatch
- Charles Web Proxy (software)
- Firefox
- Google Chrome
- Internet Explorer 9
- Microsoft Edge[4]
- Paw (software)[5]
- Restlet Client (software)[6]
不过我一般是去这个网站来查看
http://www.softwareishard.com/har/viewer/
============= End