跳至主要內容

提升渲染效能

當要衡量效能時,應用程式中渲染動畫是最常被關注的議題之一。部分歸功於 Flutter 的 Skia 引擎及其快速建立和處置元件的能力,Flutter 應用程式預設就具有良好的效能,因此您只需要避免常見的陷阱,就能達到卓越的效能。

一般建議

#

如果您看到卡頓(不流暢)的動畫,請務必使用以profile模式建置的應用程式來分析效能。預設的 Flutter 建置會以debug模式建立應用程式,這並不能代表發佈時的效能。如需詳細資訊,請參閱Flutter 的建置模式

一些常見的陷阱

  • 每幀重建的 UI 遠比預期的多。若要追蹤元件的重建,請參閱顯示效能資料
  • 直接建立一個大型的子元件列表,而不是使用 ListView。

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

僅限行動裝置建議

#

您是否在行動應用程式上看到明顯的卡頓,但只在動畫第一次執行時出現?如果是這樣,請參閱減少行動裝置上的著色器動畫卡頓

僅限網頁建議

#

以下一系列文章涵蓋了 Flutter Material 團隊在改善網頁上 Flutter Gallery 應用程式效能時所學到的知識