 |
| هل تطبيقك ثقيل؟ حل مشكلة حجم التطبيق باستخدام Flutter DevTools |
Flutter DevTools: أداة سحرية لتحليل وتحسين حجم تطبيقك
Flutter DevTools App Size Tool تحليل حجم التطبيق وتحسين أدائه
في عالم تطوير التطبيقات باستخدام Flutter، يعتبر حجم التطبيق أحد العوامل الحاسمة التي تؤثر على تجربة المستخدم. كلما كان حجم التطبيق أصغر، زادت فرص تنزيله واستخدامه من قبل المستخدمين. لحسن الحظ، يوفر Flutter أدوات قوية مثل Flutter DevTools لتحليل حجم التطبيق وتحديد الأجزاء التي تستهلك مساحة كبيرة. في هذه المقالة، سنستعرض كيفية استخدام App Size Tool في Flutter DevTools، وكيفية تحسين حجم تطبيقك باستخدام الأمر flutter build appbundle --analyze-size.
ما هو Flutter DevTools؟
Flutter DevTools هو مجموعة من الأدوات القوية المصممة لمساعدة المطورين على تصحيح الأخطاء وتحليل أداء التطبيقات. من بين هذه الأدوات يأتي App Size Tool ، الذي يساعدك على فهم حجم التطبيق وكيف يتم توزيع المساحة بين مختلف العناصر (مثل الكود والصور والمكتبات).
لماذا يجب تحليل حجم التطبيق؟
تحسين تجربة المستخدم : التطبيقات ذات الحجم الكبير قد تكون غير مرغوبة للمستخدمين، خاصةً إذا كانوا يستخدمون بيانات الجوال.
زيادة معدلات التنزيل : التطبيقات الصغيرة تحظى بمعدلات تنزيل أعلى مقارنة بالتطبيقات الضخمة.
اكتشاف المشكلات : تحليل حجم التطبيق يساعدك على اكتشاف الموارد غير الضرورية أو المكتبات الزائدة التي يمكن إزالتها.
كيفية تحليل حجم التطبيق باستخدام flutter build appbundle --analyze-size
الخطوة 1: بناء التطبيق مع تحليل الحجم
لتحليل حجم التطبيق، يمكنك استخدام الأمر التالي:
flutter build appbundle --analyze-size --target-platform android-arm64
--analyze-size: يقوم بتحليل حجم التطبيق وإنشاء ملف يحتوي على تفاصيل حول توزيع المساحة.
--target-platform android-arm64: يحدد المنصة المستهدفة (في هذه الحالة Android ARM64).
بعد تنفيذ الأمر، سيتم إنشاء ملف باسم app_size_analysis.json في مجلد build/app/outputs/flutter_size.
فتح App Size Tool في Flutter DevTools
انتقل الي flutter dev tools وبعدها انتقل الي اداه app size وقم برفع الملف وسوف يظهر لك تحليل عن كل شيئ في تطبيقك .
او يمكنك فتح الFlutter DevTools عن طريق تشغيل الأمر التالي
flutter pub global run devtools
بمجرد تحميل الملف، ستتمكن من رؤية تفاصيل دقيقة حول حجم التطبيق. يعرض App Size Tool المعلومات بطريقة شجرية (Tree View)، مما يتيح لك:
الوصول إلى تفاصيل الكود : يمكنك رؤية حجم الكود الخاص بتطبيقك ومكتبات الطرف الثالث.
تحليل الموارد : مثل الصور والخطوط والأصول الأخرى.
اكتشاف المكتبات الزائدة : بعض المكتبات قد تكون غير ضرورية ويمكن إزالتها لتقليل الحجم.
كيفية تحسين حجم التطبيق بناءً على نتائج التحليل
1. إزالة المكتبات غير الضرورية
إذا وجدت أن مكتبة معينة تستهلك مساحة كبيرة ولا تحتاج إليها، قم بإزالتها من ملف pubspec.yaml.
2. استخدام الصور بكفاءة
استخدم صيغة WebP بدلاً من PNG أو JPEG لتقليل حجم الصور.
قم بضغط الصور باستخدام أدوات مثل TinyPNG او غيرها من الادوات .
3. تفعيل Tree Shaking
Flutter يدعم تلقائيًا تقنية Tree Shaking ، التي تقوم بإزالة الكود غير المستخدم. تأكد من أن الكود الخاص بك لا يحتوي على استيرادات غير ضرورية.
4. استخدام ProGuard/R8 (لتطبيقات Android)
قم بتفعيل ProGuard أو R8 في ملف build.gradle لتقليل حجم الكود النهائي.
buildTypes {
release {
minifyEnabled true
shrinkResources true
proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
}
}
