跳到主內容

提升渲染效能

如何衡量和評估您的應用程式的渲染效能。

在您的應用程式中渲染動畫是衡量效能時最常被提及的話題之一。 歸功於 Flutter 的 Skia 引擎及其快速建立和銷燬小部件的能力,Flutter 應用程式預設情況下效能良好,因此您只需要避免常見的陷阱即可實現卓越的效能。

通用建議

#

如果您看到卡頓(非流暢)的動畫,請確保您正在使用 profile 模式構建的應用程式來分析效能。 預設的 Flutter 構建會建立一個 debug 模式的應用程式,這並不能代表釋出效能。 有關資訊,請參閱 Flutter 的構建模式

一些常見的陷阱

  • 每次幀都重建比預期多得多的 UI。 要跟蹤小部件重建,請參閱 顯示效能資料
  • 直接構建大量子小部件,而不是使用 ListView。

有關評估效能的更多資訊,包括有關常見陷阱的資訊,請參閱以下文件

僅適用於移動端的建議

#

您是否在移動應用程式上看到明顯的卡頓,但僅在首次執行動畫時出現? 為了避免這種情況,請確保您正在使用 Flutter 的預設圖形渲染器,Impeller

僅適用於 Web 的建議

#

以下一系列文章介紹了 Flutter Material 團隊在改進 Flutter Gallery 應用程式在 Web 上的效能時所學到的內容