Flutter瘦身怎么實(shí)現(xiàn)

本文小編為大家詳細(xì)介紹“Flutter瘦身怎么實(shí)現(xiàn)”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“Flutter瘦身怎么實(shí)現(xiàn)”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

下面我們以ios端為例分析項(xiàng)目中flutter產(chǎn)物的大小（ipa包瘦身需求更為急切）。

ios工程對Flutter有如下依賴：

• Flutter.framework : Flutter庫和引擎

• App.framework: dart業(yè)務(wù)源碼相關(guān)文件

• Flutter Plugin：編譯出來的各種plugin的framework

• flutter_assets：Flutter依賴的靜態(tài)資源，如字體，圖片等

第一次引入flutter版本改造詳情頁后，ipa包大小增加近20M，其中包括flutter引擎代碼+被改造業(yè)務(wù)代碼，繼續(xù)發(fā)布頁flutter改造后，ipa增加4M+。進(jìn)一步分析解壓ipa文件后發(fā)現(xiàn)Flutter.framework穩(wěn)定保持在20M+的大小, 增加新的flutter業(yè)務(wù)——發(fā)布頁之后，App.framework增幅近10M!

Flutter.framework是Flutter庫和引擎的代碼，我們能做的優(yōu)化空間有限，先把目標(biāo)放在dart業(yè)務(wù)相關(guān)的文件App.framework上。

Flutter產(chǎn)物大小分析

執(zhí)行如下命令編譯出一個release模式下的App.framework，并使用print-snapshot-sizes參數(shù)打印出產(chǎn)物具體大小

flutter build aot --release --extra-gen-snapshot-options=--print-snapshot-sizes

結(jié)果如下：

Building AOT snapshot in release mode (android-arm-release)...      
VMIsolate(CodeSize): 4660
Isolate(CodeSize): 2585632
ReadOnlyData(CodeSize): 2693576
Instructions(CodeSize): 8064816
Total(CodeSize): 13348684
Built to build/aot/.

Instructions：代表AOT編譯后生成的二進(jìn)制代碼大小

ReadOnlyData：代表生成二進(jìn)制代碼的元數(shù)據(jù)（例如PcDescriptor， StackMap，CodeSourceMap等）和字符串大小

VMIsolate/Isolate：代表剩下的對象的大小總和（例如代碼中定義的常量和虛擬機(jī)特定元數(shù)據(jù)）

具體到業(yè)務(wù)層，想要分析各個業(yè)務(wù)模塊所占用的大小該怎么辦呢？

1. 執(zhí)行如下命令編譯出一個arm64架構(gòu)的App.framework,并將它的包組成結(jié)構(gòu)放到指定目錄build/aot.json文件中

   flutter --suppress-analytics build aot --output-dir=build/aot --target-platform=ios --target=lib/main.dart --release --ios-arch=arm64 --extra-gen-snapshot-options="--dwarf_stack_traces,--print-snapshot-sizes,--print_instructions_sizes_to=build/aot.json"

   
   

2. 使用dart命令將上一步生成的aot.json文件轉(zhuǎn)化成結(jié)構(gòu)可視化的網(wǎng)頁

   dart ./bin/run_binary_size_analysis.dart  build/aot.json path_to_webpage_dir

   
   

run_binary_size_analysis.dart是dart提供的一個分析工具，在flutter引擎源碼中路徑如下:

1. 打開生成文件夾中的index.html即可分析具體業(yè)務(wù)所占用的大小，右上角的Large Symbols和Large Files按鈕可以直接定位體積占比從大到小的方法/文件。

舉個例子，上面的分析顯示PItemInfoInternal.fromJson方法占用了大量體積，跟蹤發(fā)現(xiàn)這個方法主要的操作是將Map數(shù)據(jù)轉(zhuǎn)化成對象

PItemInfoInternal.fromJson(Map<dynamic, dynamic> map) {
        id = map['id'] as String;
        attributes = map['attributes'] as String;
        title = map['title'] as String;
        ......
}

由此我們可以推斷這種類型轉(zhuǎn)換的操作會導(dǎo)致編譯生成一些體積很大的代碼。

優(yōu)化措施

1. 減少顯示類型轉(zhuǎn)換操作

按照上述分析發(fā)現(xiàn)顯示的類型轉(zhuǎn)換 as String/Bool/Int 這類操作會導(dǎo)致App.framework體積顯著增加，主要是它會增加類型檢查以及拋出異常的處理邏輯:

if (x.classId < A && x.classId > B) throw "x is not subtype of String";

通過提取靜態(tài)公用方法的方式可以成功減少400k+體積。

1. 通過編譯參數(shù) --dwarf_stack_trace和--obfuscate減小生成代碼的體積

dwarf_stack_trace表示在生成的動態(tài)庫文件中，不使用堆棧跟蹤符號

obfuscate表示混淆，通過減少變量名/方法名的方式減小代碼體積

//編譯release包并打印size
flutter build aot --release --extra-gen-snapshot-options=--print-snapshot-sizes
//--dwarf_stack_traces， -->減少6.2%大小
flutter build aot --release --extra-gen-snapshot-options="--dwarf_stack_traces,--print-snapshot-sizes"
//--obsfuscation， -->減少2.5%大小
flutter build aot --release --extra-gen-snapshot-options="--dwarf_stack_traces,--print-snapshot-sizes,--obfuscate"

//總大小減少8.7%

1. 通過修改ios打包腳本xcode_backend.sh，刪除dSYM符號表信息文件，App.framework成功減小20%的大小。dSYM 是保存 16 進(jìn)制函數(shù)地址映射信息的中轉(zhuǎn)文件，包含我們調(diào)試的 symbols，用來分析 crash report 文件，解析出正確的錯誤函數(shù)信息。

使用xcrun命令將dSYM從framework中剝離出來，可以大大減小App.framework的體積。

RunCommand xcrun dsymutil -o "${build_dir}/aot/App.dSYM">

1. 減少flutter和native資源重復(fù)造成的體積增大

利用橋接的方式，flutter直接使用Platform端資源文件，避免因?yàn)橘Y源文件重復(fù)導(dǎo)致的包大小增加問題。

主要方式是通過BasicMessageChannel在Flutter和Platform端傳遞信息。Flutter端將資源名AssetName傳遞給Platform端，Platform端接收到AssetName后，根據(jù)name定位到資源文件，并將該文件以二進(jìn)制數(shù)據(jù)格式，通過BasicMessageChannel傳遞回Flutter端。

讀到這里，這篇“Flutter瘦身怎么實(shí)現(xiàn)”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。