Web应用性能分析工具 您所在的位置:网站首页 怎么使用f12保存文件 Web应用性能分析工具

Web应用性能分析工具

2024-07-09 22:31| 来源: 网络整理| 查看: 265

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

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有