最佳實務
效能

執行期效能最佳化

快速渲染對 Angular 至關重要,我們在打造框架時就納入了許多最佳化,協助你開發高效能的應用程式。為了讓你更了解應用程式的效能,我們提供 Angular DevTools,以及一段說明如何用 Chrome DevTools 做效能分析的影片指南。本節涵蓋最常見的效能最佳化技巧。

變更偵測是 Angular 檢查應用程式狀態是否已改變、以及是否有任何 DOM 需要更新的過程。從高層次來看,Angular 會由上而下走訪你的元件,尋找變更。Angular 會定期執行它的變更偵測機制,讓資料模型的變更反映在應用程式的畫面中。變更偵測可以手動觸發,也可以透過非同步事件觸發(例如使用者互動,或 XMLHttpRequest 完成)。

變更偵測已經高度最佳化且效能良好,但如果應用程式執行它的頻率太高,仍可能造成速度變慢。

在本指南中,你將學到如何透過略過應用程式的某些部分、只在必要時才執行變更偵測,來控制並最佳化變更偵測機制。

如果你偏好用影音形式了解更多效能最佳化,請看這段影片: