共计 1151 个字符，预计需要花费 3 分钟才能阅读完成。
本文目录
- SAP UI5 利用呈现性能问题时的两种可能起因
- 应用 Chrome 开发者工具生成 SAP UI5 利用性能统计数据
- Chrome 开发者工具里对 SAP UI5 利用性能数据进行导入和导出
- 如何找到引起 SAP UI5 性能问题的 JavaScript 代码的精确地位
俗话说，工欲善其事，必先利其器。笔者教程之前的文章，已经介绍过如何应用 Chrome 开发者工具来辅助 SAP UI5 的开发，调试和谬误排查：
- SAP UI5 利用开发教程之三十六 – 应用 Chrome 开发者工具 Elements 标签动静批改 CSS 类
- SAP UI5 利用开发教程之三十七 – 应用 Chrome 开发者工具 Console 面板进行元素审查
- SAP UI5 利用开发教程之三十八 – 应用 Chrome 开发者工具查看程序执行出错时的上下文信息
- SAP UI5 利用开发教程之四十一 – Chrome 扩大 UI5 Inspector 的离线装置和应用办法
- SAP UI5 利用开发教程之五十一 – 如何应用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合利用
本文持续给大家分享，笔者在 SAP 成都研究院负责前端开发工程师时，应用 Chrome 开发者工具对 SAP UI5 利用的 JavaScript 执行代码的性能进行剖析的具体步骤和应用教训。
SAP UI5 利用呈现性能问题时的两种可能起因
笔者之前的团队在应用 SAP UI5 进行 SAP 规范产品开发时，也负责已公布 SAP UI5 利用的保护。比方客户应用咱们的 SAP UI5 利用发现问题时，会通过 customer ticket 的形式，向咱们汇报这些故障。天然，SAP UI5 利用的性能问题也是这些 ticket 形容问题的类型之一。
当我收到一个客户发过来的对于 SAP UI5 性能问题埋怨的时候，我个别会首先给问题定性，这个性能问题到底是出在 SAP UI5 前端代码，还是出在后端 OData 服务的执行上？
依据我集体教训，80% 的 SAP UI5 利用性能问题，都出在后端，即 OData 服务在 ABAP 服务器的执行层面上。为了确认我的判断，我会应用事务码 SAT 这些性能监控，测量和剖析工具，对 OData 服务的执行性能进行剖析：
- 80. 应用事务码 SAT 比拟传统的 SELECT SQL 语句和 OPEN / FETCH CURSOR 分块读取 ABAP 数据库表两种形式的性能差别
如果性能问题产生在客户生产零碎上，我不便间接操作，那么我会请客户应用 SAT 等工具进行性能数据的收集，而后我再去应用这些收集到的数据。
当然，也不能排除性能呈现在 SAP UI5 的前端代码中的可能性。比方我遇到过的一个实在案例，一个 SAP UI5 利用运行迟缓，起因是外面一段 JavaScript 解析 Excel 文件的逻辑呈现了性能瓶颈。
那么如何应用 Chrome 开发者工具剖析 SAP UI5 利用前端的 JavaScript 代码是否存在性能瓶颈呢？这就是本文要分享的内容。
