# 本文目錄

* SAP UI5 應用出現效能問題時的兩種可能原因
* 使用 Chrome 開發者工具生成 SAP UI5 應用效能統計資料
* Chrome 開發者工具裡對 SAP UI5 應用效能資料進行匯入和匯出
* 如何找到引起 SAP UI5 效能問題的 JavaScript 程式碼的準確位置

俗話說，工欲善其事，必先利其器。筆者教程之前的文章，曾經介紹過如何使用 Chrome 開發者工具來輔助 SAP UI5 的開發，除錯和錯誤排查：

* [SAP UI5 應用開發教程之三十六 - 使用 Chrome 開發者工具 Elements 標籤動態修改 CSS 類](https://jerry.blog.csdn.net/article/details/122973315)

* [SAP UI5 應用開發教程之三十七 - 使用 Chrome 開發者工具 Console 皮膚進行元素審查](https://blog.csdn.net/i042416/article/details/122997824)

* [SAP UI5 應用開發教程之三十八 - 使用 Chrome 開發者工具檢視程式執行出錯時的上下文資訊](https://jerry.blog.csdn.net/article/details/122999869)

* [SAP UI5 應用開發教程之四十一 - Chrome 擴充套件 UI5 Inspector 的離線安裝和使用方法](https://jerry.blog.csdn.net/article/details/123077473)

* [SAP UI5 應用開發教程之五十一 - 如何使用 Chrome 除錯執行在手機上的 SAP UI5 Cordova 混合應用](https://jerry.blog.csdn.net/article/details/123489082)

本文繼續給大家分享，筆者在 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 資料庫表兩種方式的效能差異](https://jerry.blog.csdn.net/article/details/128690728)

如果效能問題發生在客戶生產系統上，我不便直接操作，那麼我會請客戶使用 SAT 等工具進行效能資料的蒐集，然後我再去使用這些蒐集到的資料。

當然，也不能排除效能出現在 SAP UI5 的前端程式碼中的可能性。比如我遇到過的一個真實案例，一個 SAP UI5 應用執行緩慢，原因是裡面一段 JavaScript 解析 Excel 檔案的邏輯出現了效能瓶頸。

那麼如何使用 Chrome 開發者工具分析 SAP UI5 應用前端的 JavaScript 程式碼是否存在效能瓶頸呢？這就是[本文](https://jerry.blog.csdn.net/article/details/129432234)要分享的內容。

使用 Chrome 開發者工具分析 SAP UI5 應用的 JavaScript 程式碼執行效能瓶頸試讀版

相關文章