提高渲染效能

在衡量效能時，應用程式中的渲染動畫一直是最受關注的話題之一。由於 Flutter 自帶的 Skia 引擎以及它能夠快速建立和處理元件的能力， Flutter 應用在預設情況下就能保證擁有良好的效能，因此我們只需避開常見的陷阱就可以獲得出色的效能。

一些基本的建議

如果看到不穩定（不流暢）的動畫，請 確保 你正在做效能分析的應用是在 profile 模式下建構的，因為預設情況下 Flutter 會在 debug 模式下建立應用，這並不表示應用正式釋出後的效能。更多資訊，參見 Flutter 的建構模式。

有幾種常見的陷阱：

• 每幀重建的 UI 比預期的要多得多。要追蹤元件的重建，請參閱 顯示效能資料。

• 直接建構大量的子元件列表，而不使用 ListView。

有關評估效能的更多資料（包括常見缺陷），請參閱以下文件：

• Flutter 應用效能最佳化最佳實踐

• Flutter 效能分析

純移動應用

如果移動應用裡遇到一些肉眼可見的卡頓，單只是在第一次執行動畫的時候？如果是這樣的話，可以檢視這個文件 減少過移動應用的著色器動畫卡頓。

純 Web 應用

下面的內容是 Flutter Material 團隊在提高 Flutter Gallery Web 應用效能時候總結的經驗：

• 透過 tree shaking 和延遲載入來最佳化 Flutter Web 應用的效能 (Optimizing performance in Flutter web apps with tree shaking and deferred loading)

• 透過使用影象佔位符、預快取和禁用導航效果來提高效能(Improving perceived performance with image placeholders, precaching, and disabled navigation transitions)

• 高效建構 Flutter widgets (Building performant Flutter widgets)