如何使用Chrome HAR保存和显示HTTP性能分析结果

For performance analysis we would like to archive the detail performance for each HTTP. Chrome provide an useful tool—HAR to help us save and reuse the HTTP performance.

Let’s have a look together.

Basic info: HAR (HTTP Archive) is a file format used by several http session tools to export the captured data.

(1) Press F12 to enter the debug mode.

Right click on the HTTP and choose “Save as HAR context”.

You will get the downloaded file with .har postfix.

在这里插入图片描述

(2) Access below HTTP. it’s online translate website. https://toolbox.googleapps.com/apps/har_analyzer/

在这里插入图片描述

这个网站可以帮你加载本地文件然后进行渲染，显示该HAR文件对应的HTTP请求的各项性能指标。

在这里插入图片描述