Flutter：请求处理时间过长

Question

我在本地机器上以开发（ debug ）模式运行我的应用程序，所以我不确定这对网络请求有多大影响。 运行应用程序的目标设备是 Android 模拟器。 我有一个获取一些数据的端点，这些数据可能非常大，它是一个大型 JSON，在我的应用程序代码中被解析为数据结构（类）。

我遇到了一个问题，有时这些请求会超时（我的超时设置为 30 秒），即使实际响应不到 5 秒。 我附上了来自开发工具的屏幕截图，您可以在其中看到请求的持续时间为 25 秒，这实在是太多了。 我认为第一个字节的时间（TTFB）是它开始接收数据之前的实际时间，所以服务器代码并不慢。 我不明白“结束”时间是如何计算的。

我的互联网连接（下载）约为 50-70Mbit/s (ADSL)。

截屏：

您认为完成如此长时间的请求的原因可能是什么？ 可能是有效载荷的大小吗？ 还是框架（Flutter）需要很长时间来处理响应？

我正在使用dio ² http 客户端提出我的请求，因此不确定这是否起到任何作用。 我尝试优化将 JSON 响应有效负载转换为存储在内存中的数据对象（类）的路径¹，但这似乎没有帮助。 我认为我没有使用任何奇怪的代码模式³，因为我的应用程序的所有其他部分都是高性能的。

不幸的是，我无法轻松重现屏幕截图显示的情况，但是当我尝试这样做时，有效负载大小超过 1MB，在这种情况下，我相信它可能超过 2MB，这对于 JSON 来说相当大。

flutter doctor -v output：

[✓] Flutter (Channel stable, 2.8.1, on macOS 11.6.1 20G224 darwin-x64, locale en-CZ)
    • Flutter version 2.8.1 at /Users/user/fvm/versions/2.8.1
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 77d935af4d (6 weeks ago), 2021-12-16 08:37:33 -0800
    • Engine revision 890a5fca2e
    • Dart version 2.15.1

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/user/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)

[✓] IntelliJ IDEA Community Edition (version 2020.2.1)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart

[✓] VS Code (version 1.58.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension can be installed from:
      🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[✓] Connected device (2 available)
    • SM A505FN (mobile) • XXXXXXX • android-arm64  • Android 11 (API 30)
    • Chrome (web)       • chrome      • web-javascript • Google Chrome 97.0.4692.99

• No issues found!

---

¹ 我收到 JSON 响应中的对象列表。 这些对象具有嵌套的 object 列表。 其中一个列表是形成路径的 GPS 坐标，因此可以有很多。 但是，我只需要对象列表中的一个坐标列表，所以我只是在将它们转换为我的数据结构之前删除了其他坐标，因此它基本上减少了之前未优化大小的 90%。

² 版本4.0.0

³ 这是一个常规的 Flutter 应用程序，所有小部件都来自material.dart模块。 通过使用 BLoC 模式（通过flutter_bloc lib）在 UI 之外触发网络调用。 每个 API 调用都有属于某个 BLoC 的自己的事件。 实际的 API 调用由包装器 class 的实例执行，该实例包含dio客户端实例并将结果传递给相关 BLoC。 包装类和dio实例的实例是通过依赖注入创建的。 包装类是单例的，每个包装类都会创建一次dio实例。 这些类的创建发生在runApp之前。