新聞中心
本文小編為大家詳細(xì)介紹“Flutter瘦身怎么實(shí)現(xiàn)”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“Flutter瘦身怎么實(shí)現(xiàn)”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識(shí)吧。
為烏海等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及烏海網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、烏海網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
下面我們以ios端為例分析項(xiàng)目中flutter產(chǎn)物的大?。╥pa包瘦身需求更為急切)。
ios工程對(duì)Flutter有如下依賴:
Flutter.framework :Flutter庫(kù)和引擎
App.framework:dart業(yè)務(wù)源碼相關(guān)文件
Flutter Plugin:編譯出來的各種plugin的framework
flutter_assets:Flutter依賴的靜態(tài)資源,如字體,圖片等
第一次引入flutter版本改造詳情頁(yè)后,ipa包大小增加近20M,其中包括flutter引擎代碼+被改造業(yè)務(wù)代碼,繼續(xù)發(fā)布頁(yè)flutter改造后,ipa增加4M+。進(jìn)一步分析解壓ipa文件后發(fā)現(xiàn)Flutter.framework穩(wěn)定保持在20M+的大小, 增加新的flutter業(yè)務(wù)——發(fā)布頁(yè)之后,App.framework增幅近10M!
Flutter.framework是Flutter庫(kù)和引擎的代碼,我們能做的優(yōu)化空間有限,先把目標(biāo)放在dart業(yè)務(wù)相關(guān)的文件App.framework上。
Flutter產(chǎn)物大小分析
執(zhí)行如下命令編譯出一個(gè)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:代表剩下的對(duì)象的大小總和(例如代碼中定義的常量和虛擬機(jī)特定元數(shù)據(jù))
具體到業(yè)務(wù)層,想要分析各個(gè)業(yè)務(wù)模塊所占用的大小該怎么辦呢?
執(zhí)行如下命令編譯出一個(gè)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"
使用dart命令將上一步生成的aot.json文件轉(zhuǎn)化成結(jié)構(gòu)可視化的網(wǎng)頁(yè)
dart ./bin/run_binary_size_analysis.dart build/aot.json path_to_webpage_dir
run_binary_size_analysis.dart是dart提供的一個(gè)分析工具,在flutter引擎源碼中路徑如下:
打開生成文件夾中的index.html即可分析具體業(yè)務(wù)所占用的大小,右上角的Large Symbols和Large Files按鈕可以直接定位體積占比從大到小的方法/文件。
舉個(gè)例子,上面的分析顯示PItemInfoInternal.fromJson
方法占用了大量體積,跟蹤發(fā)現(xiàn)這個(gè)方法主要的操作是將Map數(shù)據(jù)轉(zhuǎn)化成對(duì)象
PItemInfoInternal.fromJson(Mapmap) { id = map['id'] as String; attributes = map['attributes'] as String; title = map['title'] as String; ...... }
由此我們可以推斷這種類型轉(zhuǎn)換的操作會(huì)導(dǎo)致編譯生成一些體積很大的代碼。
優(yōu)化措施
減少顯示類型轉(zhuǎn)換操作
按照上述分析發(fā)現(xiàn)顯示的類型轉(zhuǎn)換 as String/Bool/Int
這類操作會(huì)導(dǎo)致App.framework體積顯著增加,主要是它會(huì)增加類型檢查以及拋出異常的處理邏輯:
if (x.classId < A && x.classId > B) throw "x is not subtype of String";
通過提取靜態(tài)公用方法的方式可以成功減少400k+體積。
通過編譯參數(shù)
--dwarf_stack_trace
和--obfuscate
減小生成代碼的體積
dwarf_stack_trace
表示在生成的動(dòng)態(tài)庫(kù)文件中,不使用堆棧跟蹤符號(hào)
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%
通過修改ios打包腳本xcode_backend.sh,刪除dSYM符號(hào)表信息文件,App.framework成功減小20%的大小。dSYM 是保存 16 進(jìn)制函數(shù)地址映射信息的中轉(zhuǎn)文件,包含我們調(diào)試的 symbols,用來分析 crash report 文件,解析出正確的錯(cuò)誤函數(shù)信息。
使用xcrun命令將dSYM從framework中剝離出來,可以大大減小App.framework的體積。
RunCommand xcrun dsymutil -o "${build_dir}/aot/App.dSYM">
減少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)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享標(biāo)題:Flutter瘦身怎么實(shí)現(xiàn)
標(biāo)題網(wǎng)址:http://fisionsoft.com.cn/article/pihddh.html