跳到主要內容

深入 React Native 效能

·2 分鐘閱讀
Pieter De Baets
Facebook 軟體工程師

React Native 可讓您使用 JavaScript、React 和 Relay 的宣告式程式設計模型來建構 Android 和 iOS 應用程式。這能產生更簡潔、更易於理解的程式碼;無需編譯週期即可快速迭代;以及輕鬆跨多個平台共用程式碼。您可以更快地交付產品,並專注於真正重要的細節,使您的應用程式外觀和感覺都非常棒。最佳化效能是其中重要的一環。以下是我們如何使 React Native 應用程式啟動速度快兩倍的故事。

為何如此匆忙?

對於執行速度更快的應用程式,內容載入速度很快,這表示人們有更多時間與其互動,而流暢的動畫使應用程式使用起來更愉快。在新興市場中,2011 年等級的手機2G 網路上佔大多數,因此專注於效能可能會決定應用程式是否可用。

自從在 iOSAndroid 上發佈 React Native 以來,我們一直在改進清單檢視捲動效能、記憶體效率、UI 回應速度和應用程式啟動時間。啟動設定了應用程式的第一印象,並對框架的所有部分造成壓力,因此它是最值得且最具挑戰性的問題。

這是節錄。請在 Facebook Code 上閱讀文章的其餘部分。