أداء التطبيق أصبح واحدًا من أهم العوامل المؤثرة في نجاح أي مشروع.

المستخدمون اليوم أكثر حساسية تجاه:

وفي كثير من الحالات قد يؤدي تأخر بسيط في التحميل إلى انخفاض معدل الاحتفاظ بالمستخدمين أو ظهور تقييمات سلبية داخل المتاجر.

هنا يأتي دور Firebase Performance Monitoring والذي يوفر نظامًا متكاملًا لمراقبة أداء التطبيقات داخل Flutter.

يسمح Firebase Performance بمراقبة:

وفي هذا المقال سنتعرف على طريقة دمج Firebase Performance داخل Flutter وربط Dio باستخدام مكتبة firebase_performance_dio لالتقاط المقاييس تلقائيًا.

سنستخدم حزمتين رئيسيتين:

الإضافة الرسمية من Firebase الخاصة بمراقبة الأداء داخل Flutter.

توفر:

تعتبر Middleware أو Interceptor خاص بمكتبة Dio.

تقوم بإرسال مقاييس الطلبات إلى Firebase تلقائيًا دون الحاجة لكتابة:

HttpMetric

وتلتقط:

وهي مناسبة جدًا للتطبيقات التي تعتمد على Dio بشكل أساسي.

قبل إضافة Firebase Performance تأكد من وجود:

كما سنحتاج الحزم التالية:

أضف أولًا:

firebase_performance: ^0.11.0+1

ثم:

firebase_performance_dio: ^0.7.1

بعد ذلك نفذ:

flutter pub get

بعد ربط Firebase نبدأ بتفعيل مراقبة الأداء.

بمجرد التفعيل سيبدأ Firebase تلقائيًا بتسجيل:

مثال التهيئة:

import 'package:flutter/material.dart';

import 'package:firebase_core/firebase_core.dart';

import 'package:firebase_performance/firebase_performance.dart';

import 'firebase_options.dart';

Future<void> main() async {

 WidgetsFlutterBinding
     .ensureInitialized();

 await Firebase.initializeApp(

   options:
   DefaultFirebaseOptions
      .currentPlatform

 );

 await FirebasePerformance
     .instance
     .setPerformanceCollectionEnabled(
        true
     );

 runApp(
    const MyApp()
 );

}

بعد فترة قصيرة من الاستخدام ستبدأ المقاييس بالظهور داخل Firebase Console.

في بعض الأحيان نحتاج لمراقبة عملية محددة داخل التطبيق.

مثل:

هنا يمكن استخدام:

Trace

مثال:

import
'package:firebase_performance/
firebase_performance.dart';

Future<void>
loadLargeData() async {

 final perf =
   FirebasePerformance.instance;

 final Trace trace =
   perf.newTrace(
      'load_large_data_trace'
   );

 await trace.start();

 await Future.delayed(
    const Duration(
       seconds: 2
    )
 );

 await trace.stop();

}

كل Trace يمثل عملية واحدة لها:

ولإنشاء قياسات متعددة يفضل استخدام أسماء مختلفة لكل عملية.

إذا كان التطبيق يعتمد على Dio بشكل كبير فهنا تظهر قوة:

firebase_performance_dio

لأنها تقوم بالتقاط:

كل ذلك تلقائيًا دون كتابة كود إضافي.

مثال الربط:

import 'package:dio/dio.dart';

import
'package:firebase_performance_dio/
firebase_performance_dio.dart';

final dio = Dio();

final performanceInterceptor =

DioFirebasePerformanceInterceptor();

dio.interceptors.add(
   performanceInterceptor
);

final response = await dio.get(

'https://api.example.com/data'

);

بعد إضافة الـ Interceptor تبدأ المقاييس بالظهور مباشرة داخل Firebase Console.

إذا لم تظهر المقاييس تأكد من:

بعض المقاييس لا تظهر من المحاكيات.

يمكن استخدام:

RequestOptions.extra

لإضافة Attributes مخصصة أثناء إنشاء المقاييس.

وهذا يسمح بتجميع الطلبات حسب:

يوفر Firebase Performance طريقة قوية لمراقبة أداء تطبيقات Flutter دون تعقيد كبير.

فهو يساعد على تتبع:

ومع إضافة firebase_performance_dio يصبح دمج Dio أسهل بكثير عبر التقاط المقاييس تلقائيًا دون الحاجة لكتابة منطق إضافي.

وفي التطبيقات الكبيرة يمكن أن تكون هذه البيانات عاملًا أساسيًا في تحسين الأداء وتجربة المستخدم وتقليل المشكلات قبل وصولها للمستخدم النهائي.