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 and open 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/

3,You can got the performance graphic.

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

How to use Chrome HAR save HTTP performance相关推荐

  1. 前端性能分析 Chrome Dev Tools 之 Performance

    前端性能分析 Chrome Dev Tools 之 Performance 文章目录 前端性能分析 Chrome Dev Tools 之 Performance 1. 属性字段 2. 常用性能数据指标 ...

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

    For performance analysis we would like to archive the detail performance for each HTTP. Chrome provi ...

  3. 如何使用 Chrome 开发者工具 Performance tab 分析 JavaScript 的执行瓶颈

    将下面这段代码插入 SAP Spartacus payment types Component 的 next 方法: console.time('Jerry');const N = 100000;le ...

  4. Chrome Performance 页面性能分析

    一.背景介绍 性能优化是前端开发一个非常重要的组成部分,如何更好地进行网络传输,如何优化浏览器渲染过程,来定位项目中存在的问题.Chrome DevTools给我们提供了2种常用方式 Audits和P ...

  5. Chrome的Performance面板

    1.Performance介绍 1.1.概况图 1.2.无痕模式 无痕模式可以保证Chrome在一个相对干净的环境下运行,避免chrome上安装的插件影响性能分析结果. 文件->打开新的无痕式窗 ...

  6. chrome格式化html插件,Save as MHTML (MIME HTML)

    应用介绍 SaveasMHTML,isasimpleextensionthatcansaveanywebpageinasinglefilewith".mhtml"fileexten ...

  7. 使用Save To Notion 保存豆瓣书籍或电影的惨痛教训/Save to Notion保存豆瓣电影不显示封面

    文章源地址 源起 大概几天前,我用浏览器访问自己的博客的时候,突然发现Movie Library里封面图全挂了,但是Book Library 和 Game Library封面图都没事. 我以为这次和8 ...

  8. 前端性能检测Performance

    前端性能检测Performance https://developer.mozilla.org/zh-CN/docs/Web/API/Performance Performance 接口可以获取到当前 ...

  9. Chrome 75不支持保存成mhtml的解决方法

    在Chrome 75之前,可以设置chrome://flags -> save as mhtml来保存网页为mhtml. 75之后,flags里去掉了这个功能. 可以设置快捷方式执行参数来达到相 ...

最新文章

  1. SharePoint 网站元素介绍
  2. Firefox 修改User Agent
  3. *ctf box题解
  4. tomcat(5)servlet容器
  5. windows service 2008 内存吃尽解决方案
  6. Office2010试用
  7. 操作系统系列题型分析(更新中~)
  8. 免费直播课|Python数据可视化与科学计算可视化案例分享
  9. 关于HTTP及XMLHTTP状态代码一览
  10. JS——scroll动画
  11. android 呼吸灯权限_Android 呼吸灯效果
  12. Fuse Audio Labs VCS-1 Mac - 零延迟通道效果插件
  13. 用OpenStack构建“区域医疗”云平台
  14. 什么是p12证书?ios p12证书怎么获取?
  15. SPSS偏相关分析的应用介绍
  16. 获取windows7 trustedInstaller权限
  17. NoSQLBooster4MongoDB - 用SQL查询MongoDB
  18. ArcGIS API For JavaScript官方文档之Dojo
  19. 关于.Net的面试遐想
  20. 拼多多的商业模式与产品玩法分析

热门文章

  1. Spring框架学习笔记(7)——代理对象实现AOP
  2. (转)Apache与Tomcat 区别联系
  3. eBay Notification介绍
  4. LaTeX中用BibTex管理参考文献
  5. 深入研究嵌入式操作系统的绝佳教材
  6. java 类加载器加载顺序 经典例子
  7. 文献记录(part69)--公平性机器学习中基于分类间隔的歧视样本发现和消除算法
  8. 机器学习面试题(part1)
  9. Django从理论到实战(part51)--User模型
  10. 第三次学JAVA再学不好就吃翔(part46)--Scanner类