Hybrid apps performance (en)

on YouTube ↗23m

" summary

Tests run on HTC One M7 (Lollipop, debug mode) use the developer GPU bars to measure frame stalls. A 10,000-cell RecyclerView is fine natively but Ionic (Cordova+Angular) crashes at 10,000; 1,000 loads slowly and Crosswalk lets 10,000 exist but with long load time. Adding ~300 subviews per item triggers layout jank across platforms. React Native shows smooth GPU bars but layout-thread swipe operations stall (observed ~1–2 FPS) and Xamarin performs near native except for cross-boundary overhead. Overall, heavy graphical lists and many subviews expose real-world limits.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 2:15Why Am I Doing this Presentation
3. 5:25List Navigation
4. 12:38React Native

" related talks

• 39mView performance deep diveEmil Sjölander, Pasquale Anatriello · droidcon NYC 2017
• 45mHigh performance in AndroidEnrique López Mañas · Voxxed Days Zurich 2017
• 26mMeasuring and Improving React Native PerformanceAlexandre Moureaux · App.js Conf 2022
• 37mUI profiling in examples. Where is my bottleneck?Artur Badretdinov · Mobile Era 2018
• 40mJS performance in mobile web and hybrid apps… because science!Ryan J. Salva · JSConf.Asia 2015
• 39mPerformance issues: the usual suspectsA. Moureaux · React Native EU 2022
• 31mThe performance myths of React NativeAnkita Kulkarni · Chain React 2023
• 54mTop 10 Key Performance Techniques for Hybrid mobile AppsMohamed Taman · Jfokus 2016