Flutter Analysis and Practice: Design of the Performance Stability Monitoring Solution

4.2.1 Flutter Performance Stability Goals

  • Page sliding smoothness
  • Page loading time (first meaningful paint + interaction time)
  • Exception rate

4.2.2 Page Sliding Smoothness

Figure 4–6 Implementation Methods

handleBeginFrame: Called by the engine to prepare the framework to produce a new frame.
handleDrawFrame: Called by the engine to produce a new frame.
Figure 4–7 Results

4.2.3 Page Loading Time Comparison Between Native and Weex Page Loading Algorithms

Figure 4–8
Figure 4–9
Figure 4–10 Implementation of Flutter

Figure 4–11 Results

4.2.4 Exception Rate Definition

Future<Null> main() async {
FlutterError.onError = (FlutterErrorDetails details) async {
Zone.current.handleUncaughtError(details.exception, details.stack);

runZoned<Future<Null>>(() async {
runApp(new HomeApp());
}, onError: (error, stackTrace) async {
await _reportError(error, stackTrace);
} Results

Original Source:



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alibaba Cloud

Alibaba Cloud

Follow me to keep abreast with the latest technology news, industry insights, and developer trends. Alibaba Cloud website:https://www.alibabacloud.com