ReactNative的一切都很好，但是它有負(fù)面影響嗎？是的，確實(shí)如此。這是React本機(jī)應(yīng)用程序性能的障礙！

ReactNative應(yīng)用程序性能下降的主要原因是什么？

橋接器的Javascript端的代碼越多，應(yīng)用程序的運(yùn)行速度就越慢。像JavaScript這樣的單線程編程語(yǔ)言限制了性能，因?yàn)樗梢酝瑫r(shí)完成單個(gè)任務(wù)。你可以檢查Javascript和UI系統(tǒng)線程的幀速率，以了解應(yīng)用程序的性能瓶頸在哪里。

這也取決于你的代碼，所以要避開任何可能阻塞線程的東西，比如同步網(wǎng)絡(luò)調(diào)用或無(wú)休止的循環(huán)。注意平面列表，因?yàn)樗鼈兪荝eact本機(jī)性能問題的罪魁禍?zhǔn)住?o:p>

如何提高React本機(jī)應(yīng)用程序的性能？

檢查內(nèi)存泄漏

內(nèi)存泄漏是一種固有的性能挑戰(zhàn)，它的發(fā)生是因?yàn)樵趹?yīng)用程序的后臺(tái)運(yùn)行了一些不必要的進(jìn)程。由于可用內(nèi)存減少，內(nèi)存泄漏會(huì)降低計(jì)算機(jī)性能。在最壞的情況下，分配太多的可用內(nèi)存會(huì)導(dǎo)致系統(tǒng)或設(shè)備全部或部分故障，程序崩潰，或者系統(tǒng)速度顯著降低。在Web前端培訓(xùn)中，也有關(guān)于ReactNative的學(xué)習(xí)和使用，理論知識(shí)結(jié)合實(shí)戰(zhàn)操作，學(xué)以致用，真正掌握前端技術(shù)。

制作動(dòng)畫

JavaScript線程控制動(dòng)畫。想象場(chǎng)景過渡；新場(chǎng)景從右向左移動(dòng)，從屏幕外開始。對(duì)于轉(zhuǎn)換過程中的每一幀，JavaScript線程都必須向主線程發(fā)送一個(gè)新的x偏移量。如果JavaScript線程被鎖定，它就無(wú)法做到這一點(diǎn)，因此該幀上不會(huì)發(fā)生更新，動(dòng)畫也會(huì)斷斷續(xù)續(xù)。

一種解決方案是將基于JavaScript的動(dòng)畫卸載到主線程。

縮短應(yīng)用的啟動(dòng)時(shí)間

改善應(yīng)用程序的啟動(dòng)時(shí)間是為了照顧對(duì)象。完成元素。終結(jié)器在單個(gè)線程上運(yùn)行，因此其他所有對(duì)象都必須等到所有終結(jié)器都通過之后才能被垃圾回收。這造成了巨大的依賴性，導(dǎo)致應(yīng)用程序啟動(dòng)時(shí)間緩慢。

該程序的功能圍繞著導(dǎo)航，所以你應(yīng)該花更多的精力來(lái)增強(qiáng)它，增強(qiáng)JavaScript和原生元素之間的交互。因此，你可以使用這些導(dǎo)航功能。反應(yīng)導(dǎo)航，導(dǎo)航儀，導(dǎo)航儀iOS，導(dǎo)航實(shí)驗(yàn)。對(duì)React感興趣的同學(xué)，可以參加Web前端培訓(xùn)，你可以學(xué)到更全面的知識(shí)和技能，提高前端開發(fā)工作效率。

多線程加劇了這個(gè)問題

ReactNative不支持多線程。其他項(xiàng)目必須等到ReactNative中的初始元素完成渲染后才能繼續(xù)。例如，在實(shí)現(xiàn)實(shí)時(shí)視頻廣播的同時(shí)實(shí)現(xiàn)實(shí)時(shí)聊天功能會(huì)涉及到性能問題。使用主線程來(lái)操作應(yīng)用程序的業(yè)務(wù)邏輯，響應(yīng)用戶輸入，并跟蹤React本機(jī)性能測(cè)試的狀態(tài)。

提高ReactNative應(yīng)用程序性能的好處

ReactNative開發(fā)人員可以減少應(yīng)用程序啟動(dòng)加載時(shí)間，用戶可以/將在最終產(chǎn)品中“感受”到這一點(diǎn)。DimensionalResearch進(jìn)行的調(diào)查顯示，用戶對(duì)應(yīng)用程序的滿意度與應(yīng)用程序的性能直接相關(guān)。

ReactNative在跨平臺(tái)智能手機(jī)開發(fā)中的數(shù)量遠(yuǎn)遠(yuǎn)超過Flutter，因?yàn)樗捎昧诵碌母倪M(jìn)架構(gòu)。Reactnative的新渲染系統(tǒng)結(jié)構(gòu)提高了導(dǎo)航、列表、手勢(shì)處理等方面的性能。

從核心中刪除ReactNative中過時(shí)的組件（即AsyncStorage、WebView），并將其轉(zhuǎn)變?yōu)樯鐓^(qū)管理的存儲(chǔ)庫(kù)，有助于ReactNation提高性能和靈活性。

JS和Native代碼之間的平滑通信以及新的底層結(jié)構(gòu)都會(huì)提高應(yīng)用程序的性能。

結(jié)論：

性能只是應(yīng)用程序的一個(gè)方面。選擇解決方案還有很多其他原因，如UI、代碼可重用性、社區(qū)支持、前端支持、語(yǔ)言等。選擇最適合你、更容易或更有趣的框架。通過Web前端培訓(xùn)的學(xué)習(xí)，你不僅能夠掌握React的技術(shù)應(yīng)用，也會(huì)對(duì)其底層原理有所了解，并通過實(shí)戰(zhàn)項(xiàng)目，具備獨(dú)立負(fù)責(zé)React前端項(xiàng)目的能力。