這篇“ReactNative性能優(yōu)化的方法是什么”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“ReactNative性能優(yōu)化的方法是什么”文章吧。

創(chuàng)新互聯(lián)成立以來不斷整合自身及行業(yè)資源、不斷突破觀念以使企業(yè)策略得到完善和成熟，建立了一套“以技術(shù)為基點(diǎn)，以客戶需求中心、市場為導(dǎo)向”的快速反應(yīng)體系。對公司的主營項(xiàng)目，如中高端企業(yè)網(wǎng)站企劃 / 設(shè)計(jì)、行業(yè) / 企業(yè)門戶設(shè)計(jì)推廣、行業(yè)門戶平臺(tái)運(yùn)營、成都app軟件開發(fā)、手機(jī)網(wǎng)站制作設(shè)計(jì)、微信網(wǎng)站制作、軟件開發(fā)、托管服務(wù)器等實(shí)行標(biāo)準(zhǔn)化操作，讓客戶可以直觀的預(yù)知到從創(chuàng)新互聯(lián)可以獲得的服務(wù)效果。

ReactNative性能優(yōu)化之路

1.包精簡

版本對比：
情侶獨(dú)立插件:7.2m。
話題圈:本次ReactNative框架移植入Qzone整體僅加大了3.2m。
主要優(yōu)化點(diǎn)：
1)去除了小平臺(tái)so庫。
2)復(fù)用Qzone support jar。
二期規(guī)劃：
1)在Qzone與ReactNative中間加Adapter，使ReactNative適配Qzone本身網(wǎng)絡(luò)庫及圖片庫，可以廢棄ReactNative框架的okhttp庫及fresco庫，減少包大小。

2.首屏加速與啟動(dòng)速度

版本對比：
ReactNative改造后話題圈在wifi及緩存優(yōu)化下，首屏相比H5快約 108ms，并且由于jsbundle緩存到本地，并且可以實(shí)現(xiàn)離線訪問。
ReactNative話題圈數(shù)據(jù):

主要優(yōu)化點(diǎn)：
1)更改源碼，新增預(yù)初始化接口，在Qzone Feeds渲染完成預(yù)加載ReactNative上下文。
2)首屏數(shù)據(jù)需要等前端走網(wǎng)絡(luò)請求拉取存本地，H5優(yōu)先采用本地?cái)?shù)據(jù)渲染。
優(yōu)化前后流程對比：

二期規(guī)劃：
1)目前為控制內(nèi)存預(yù)加載ReactNative僅是上下文，打開仍有一部分耗時(shí)，這里可以嘗試緩存View，在打開時(shí)直接addview，達(dá)到秒開。
2)數(shù)據(jù)預(yù)拉取走的為http通道，可以使用wns httpproxy加速。

3.FPS

版本對比：
H5話題圈:avgFPS=54
ReactNative話題圈:avgFPS=52
主要優(yōu)化點(diǎn)：
1)JS層使Listview控件渲染數(shù)據(jù)，廢棄使用ScrollView控件。
2)DOM元素設(shè)置透明背景。
二期規(guī)劃：
目前官方暫提供的listview未采用item復(fù)用邏輯，僅在item不可見時(shí)置空，RecyclerView仍是Test控件只支持橫向滾動(dòng)。listview性能仍需提高，下版本規(guī)劃實(shí)現(xiàn)高可用RecyclerView。

4.內(nèi)存

版本對比：
情侶空間：無內(nèi)存泄漏及浪費(fèi)內(nèi)存情況，比H5版本多約20%。
話題圈：無內(nèi)存泄漏及浪費(fèi)內(nèi)存情況，與H5版本基本持平。
話題圈詳細(xì)數(shù)據(jù):

主要優(yōu)化點(diǎn)：
1)JS層使Listview控件渲染數(shù)據(jù)，廢棄使用ScrollView控件。
2)視頻VideoView拆分，VideoCover交由H5實(shí)現(xiàn)，Native對應(yīng)Fresco管理，MideaPlayer由Native實(shí)現(xiàn)。
二期規(guī)劃：
目前官方暫提供的listview未采用item復(fù)用邏輯，僅在item不可見時(shí)置空，RecyclerView仍是Test控件只支持橫向滾動(dòng)。listview性能仍需提高，下版本規(guī)劃實(shí)現(xiàn)高可用RecyclerView。

ReactNative話題圈與H5話題圈整體數(shù)據(jù)對比

目前ReactNative在Web與Native通信耗時(shí)明顯優(yōu)于webview的jsbridge方式(console.log)，在高中端機(jī)上如FPS及CPU上表現(xiàn)優(yōu)于H5，但是從全局來看，目前crash，內(nèi)存，F(xiàn)PS，首屏等均有優(yōu)化空間，下面是整體對比數(shù)據(jù)。

以上就是關(guān)于“ReactNative性能優(yōu)化的方法是什么”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。