![]() Put simply, there are fewer steps for Flutter to perform to translate Dart code into machine code, resulting in faster mobile performance. It also explains the overall higher performance in the list of benchmark tests. This explains why Flutter had a faster cold start speed in the previously mentioned tests. Why? Because one advantage of Dart is that it can automatically translate Dart code into machine code without the need for an additional bridge interpreter. This is an essential distinction between the two frameworks. Programming languagesįlutter is built on the Dart programming language, while React Native is built on JavaScript code. ![]() There are a few reasons why Flutter and React Native are so different when it comes to performance. What Sets Flutter and React Native Apart? This is the case when the framework does not have to process graphics-intensive elements. Therefore, under the right circumstances, Flutter has the potential to outperform React Native. This leads us to believe there are more underlying factors at play here. This is backed up by the fact that Flutter pulled ahead of React Native in the Android division in a heavier version of the same animation tests. This may have contributed to the significant FPS drops. ![]() However, in the research team’s words, they admit that they used a heavier third-party library when testing Flutter on iOS. In addition, it achieved an average CPU usage of 72.1 percent (compared to 123 percent for Flutter) and an average GPU usage of 65.1 percent (compared to the slightly better 57.71 percent for Flutter.Īgain, in terms of speed and performance, React Native has a slight upper hand when it comes to processing heavy animations. In a similar outcome, React Native was the better of the two cross-platform frameworks, with an average of 23 FPS (compared to 9 FPS for Flutter). It had a 2-second startup, compared to 4 seconds for the other two frameworks. In saying this, Flutter did have one advantage: the fastest cold start out of both React Native and Android Native. Flutter, in comparison, struggled with an average of 9 FPS, followed by a CPU usage of 12.8 percent. It produced a consistent 29 FPS with an average CPU usage of 15.6 percent and memory consumption of 280Mb. Here are the results: Android Performance This way, it was easy to tell when a particular framework ‘cracked’ (began to drop in FPS) to determine which framework could handle the most activity. The test was carried out so that FPS drops were inevitable, regardless of device or framework. The purpose of this test was to push the limits of current smartphones. It will also demonstrate why it is important to test various aspects of a cross-platform framework instead of just focusing on one particular element.īelow are the results of a heavy animation test performed by inVerita. However, the results of this next test will change your mind. In terms of CPU usage, that is an astonishing difference of 79.83 percent.Īt this stage, you might think that Flutter is a performance powerhouse that can do no wrong. In comparison, React Native had an average CPU usage of 113.13 percent and a GPU usage of 19.56 percent. Similar to the Android performance test, Flutter was again the clear winner.Īside from producing a consistent 60 FPS, Flutter also had a CPU usage of 33.3 percent and GPU usage of 10.75 percent. Meanwhile, in comparison, React Native had a maximum FPS of 58, with a CPU usage of 11.7 percent and maximum memory usage of 139Mb.Īnother interesting point is that React Native consumed the most battery of either framework, with a battery consumption of 79.01 mAh – compared to 65.28 mAh for Flutter and 49.7 mAh for Native Android. ![]() And it had a low CPU usage of just 5.4 percent and maximum memory usage of 114Mb. It was able to produce a consistent 60 FPS. In the test, the company ran a series of third-party libraries on each device, setting up the software so that it would automatically scroll down a list of items predictably and consistently.īased on the test results, while the native framework took the top spot, Flutter was the clear winner between the two cross-platform frameworks. List View Benchmarking Android PerformanceĪccording to independent research from the software development company inVerita, Flutter is the best-performing cross-platform framework for Android.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |