Flutter性能基准测试插件 web_benchmarks 的使用

web_benchmarks 是一个用于Flutter Web应用的基准测试工具。目前，它仅支持在Chrome浏览器中运行基准测试。

编写基准测试

编写基准测试分为两个部分：客户端和服务端。客户端是在浏览器中运行的代码，包含基准测试代码。服务端负责提供应用程序的代码和资源，并与浏览器通信以提取性能跟踪信息。

你可以参考以下示例来编写基准测试：

• 示例基准测试文件位于 testing/test_app/benchmark/web_benchmarks_test.dart。

示例代码

import 'package:flutter/material.dart';
import 'package:web_benchmarks/web_benchmarks.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  void initState() {
    super.initState();
    // 在初始化时启动基准测试
    WidgetsBinding.instance.addPostFrameCallback((_) {
      runBenchmark();
    });
  }

  Future<void> runBenchmark() async {
    final Benchmark benchmark = Benchmark('example_benchmark');
    await benchmark.start();

    // 模拟一些操作
    for (int i = 0; i < 1000; i++) {
      setState(() {});
    }

    await benchmark.stop();
    print('Benchmark result: ${benchmark.result}');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Text('Running benchmark...'),
      ),
    );
  }
}

分析基准测试结果

运行完Web基准测试后，你可能需要分析结果或与其他基准测试的结果进行比较。web_benchmarks 包支持以下分析操作：

• 计算两次基准测试结果之间的差异（delta）
• 计算一组基准测试结果的平均值

示例代码

import 'dart:convert';
import 'dart:io';

import 'package:web_benchmarks/analysis.dart';

void main() {
  final BenchmarkResults baselineResults =
      _benchmarkResultsFromFile('/path/to/benchmark_baseline.json');
  final BenchmarkResults testResults1 =
      _benchmarkResultsFromFile('/path/to/benchmark_test_1.json');
  final BenchmarkResults testResults2 =
      _benchmarkResultsFromFile('/path/to/benchmark_test_2.json');

  // 计算 [baselineResults] 和 [testResults1] 之间的差异
  final BenchmarkResults delta = computeDelta(baselineResults, testResults1);
  stdout.writeln(delta.toJson());

  // 计算 [testResults1] 和 [testResults2] 的平均值
  final BenchmarkResults average =
      computeAverage(<BenchmarkResults>[testResults1, testResults2]);
  stdout.writeln(average.toJson());
}

BenchmarkResults _benchmarkResultsFromFile(String path) {
  final File file = File.fromUri(Uri.parse(path));
  final Map<String, Object?> fileContentAsJson =
      jsonDecode(file.readAsStringSync()) as Map<String, Object?>;
  return BenchmarkResults.parse(fileContentAsJson);
}