React Native

分析 & 优化

• 模块懒加载模块require:react-native-bundle-splitter

监控

React Native启动监控

• 冷启动：SceneTracker

  //启动时间
  import  SceneTracker from 'react-native/Libraries/Utilities/SceneTracker';
  SceneTracker.addActiveSceneChangedListener((scene: Scene)=>{
      var startMs = new Date().getTime();
      console.log('runApplication start', scene);
  });
  

• 启动时间监控：react-native-startup-time

• 基于Flipper的性能监控：shopify/react-native-performance

参考资料

Time to interactive

前端监控系列3 ｜ 如何衡量一个站点的性能好坏

Comments