Flutter、RN、原生對比(Android端)

以往的認知結果:
比較內容 Flutter RN 原生
平臺實現 通過Dart虛擬機編譯成機器碼 Virtual Dom映射到原生View,通過ART虛擬機編譯成機器碼 通過ART虛擬機編譯成機器碼
繪制引擎 Skia JS V8+Skia/OpenGL ES Skia/OpenGL ES
使用語言 Dart React Java/Kotlin
上手難度 一般 /
框架程度 較重 一般
社區 豐富,谷歌力捧 活躍,FaceBook支持 龐大,谷歌支持
軟件發布 支持熱更新(暫未開放) 支持熱更新 可熱更新(有點麻煩且不穩定)
性能測試過程:

分別用Flutter、RN、原生開發三個項目,只有一個列表頁面,10000條數據,在三款低中高端機型中測試。


Demo內容

APK體積大小

APK體積占用情況:


flutter.jpg

RN.jpg

native.jpg

啟動時間
初始內存占用

操作片刻后的內存占用

CPU峰值

通過性能測試得出下表:

比較內容 Flutter RN 原生
APK大小 5.5M 6.6M 1.4M
啟動時間 冷啟動319ms,熱啟動152ms 冷啟動243ms,熱啟動71ms 冷啟動181ms, 熱啟動74.8ms
內存-cpu-魅藍Metal 初始30M ,滑動5000穩定后32M,cpu22% 初始38M,滑動5000,穩定在60M,cpu45% 初始:7.6M ,滑動5000條穩定在12M,cpu10%
內存-cpu-魅族Pro5 初始85M ,滑動5000條穩定后110M,cpu12% 初始56M,滑動5000,穩定在104M,cpu22% 初始:29.5M ,滑動5000條穩定在42M,cpu7%
內存-cpu-華為P20Pro 初始99M ,滑動5000條穩定110M,cpu12% 初始63M,滑動5000,穩定在80M,cpu22% 初始:25M ,滑動5000條穩定在32M,cpu8%
主觀感受 無卡頓 滾動100條之后有卡頓 絲滑般

性能測試結論:

以上只是一個簡單demo通過測試得出的數據結果,僅能從大體上比較出三者的性能,可能在實際的項目中會有些出入。
1、包體積原生比較小,Flutter和RN不相上下(Ios系統需要引入Skia庫,最終包體積Flutter會明顯大于RN),由于Flutter和RN框架中需要一些C++依賴庫,導致包體積比原生大了很多。
2、啟動時間,Flutter(冷熱啟動時間)>RN=原生
3、內存占用,在高端手機上,flutter占用內存是大于RN的,但是低端手機Flutter的內存占用會低于RN,RN內存占用不穩定,頁面剛生成的時候內存占用會高一點, 之后緩慢回落。
3、CPU占用,RN明顯高于Flutter和原生,這會導致手機性能降低、耗電量增加、發熱更厲害
4、主觀感受,Flutter要比RN更加流暢,體驗感更好,但是和原生仍有不小差距,不過Flutter還很年輕,官方宣稱其性能會接近原生,甚至超過原生體驗,隨著Google不斷的改進相信在不遠的將來會實現這個可能。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,443評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,530評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,407評論 0 375
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,981評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,759評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,204評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,263評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,415評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,955評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,782評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,983評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,528評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,222評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,650評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,892評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,675評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,967評論 2 374

推薦閱讀更多精彩內容

  • Flutter 與React Native 對比 [關于性能]跨平臺開發第一個考慮的就是性能問題RN的效率由于是將...
    DrunkPian0閱讀 7,405評論 1 4
  • 1.Flutter簡介 1.1.什么是Flutter Flutter是Google開發的一套全新的跨平臺、開源UI...
    小魚愛記錄閱讀 3,850評論 3 15
  • 不知道明明比別人做更多的工作,卻不被認可,想想,沒有抓住主要矛盾,做越多,錯越多,不可能每個人都看得到,至少,有一...
    33174dada65f閱讀 145評論 0 0
  • 花開兩生面,人生佛魔間。人是一種矛盾混合體 ,他既擁有佛的慈悲,又兼具魔的丑...
    落梅白閱讀 647評論 0 0
  • 好吧,我半夜睡不著,還是爬起來寫回憶錄了。基于好基友的啟發和感慨,我決定寫寫關于我人生里重要的伙伴與過客。今天開篇...
    菠蘿和蘿卜閱讀 438評論 2 1