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