提升渲染效能
如何衡量和評估應用的渲染效能。
在衡量效能時,應用中的動畫渲染是最受關注的話題之一。得益於 Flutter 的 Skia 引擎及其快速建立和銷燬 Widget 的能力,Flutter 應用在預設情況下效能就很出色,因此您只需避免常見的陷阱即可獲得卓越的效能。
通用建議
#如果您發現動畫有卡頓(不流暢)現象,請務必使用 profile 模式構建的應用來分析效能。預設的 Flutter 構建會建立一個 debug 模式的應用,這無法代表釋出版本的效能。有關資訊,請參閱 Flutter 的構建模式。
幾個常見的陷阱
- 每一幀重建的 UI 遠超預期。要跟蹤 Widget 重建,請參閱 顯示效能資料。
- 直接構建大量子項列表,而不是使用 ListView。
有關評估效能(包括常見陷阱)的更多資訊,請參閱以下文件
僅限移動端的建議
#您是否在移動應用中觀察到明顯的卡頓,但僅在動畫首次執行時出現?為避免這種情況,請確保您使用的是 Flutter 的預設圖形渲染器 Impeller。
僅限 Web 端的建議
#以下系列文章介紹了 Flutter Material 團隊在提升 Web 端 Flutter Gallery 應用效能時所學到的經驗