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

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