חיפוש

בדיקות ביצועים לאפליקציות Flutter

בדיקות ביצועים מטרתם לוודא כי האפליקציה רצה באופן חלק, ללא לאגים וללא השהיות. ובמידה והאפליקציה שלכם כן רצה בצורה איטית מעט בחלק מהמקומות - בדיקות ביצועים הן הפתרון שיאפשר לכם לזהות את הבעיה!



המטרה העיקרית שלנו

לוודא שקצב ריענון המסך באפליקציה תמיד יהיה 60fps.

איך נעשה זאת?

  1. את הבדיקות יש להריץ על מכשיר אמיתי בלבד על מנת לקבל תוצאות איכותיות ורלוונטיות.

  2. יש להעביר את יצוא האפליקציה ממצב Debug למצב Profile, המאפשר לכם לקבל ביצועים והרצה כמעט כמו במצב Release ובנוסף לקבל מידע רלוונטי שיעזור לכם לאבחן את הperformence של האפליקציה.

  3. כעת נריץ את האפליקציה על המכשיר הפיזי שברשותכם, ונפתח את DevTools, שם נמצאת האופציה של: performence overlay , בחרו בה.

  4. כעת יופיעו לכם 2 גרפים על המסך(הם אינם חלק מהאפליקציה והם מרונדרים ב300fps).

  5. הגרף העליון משקף את הRaster Thread, הת'רד בפלאטר שאחרי לקחת את העץ שכתבתם, ולצייר אותו על המסך תוך כדי שימוש בGPU. הגרף התחתון משקף את הUI Thread, שאחראי על הרצת Dart בתוך VM על המכשיר שלכם.

  6. קריאת הגרפים נעשית באופן הבא, מאחר ונרצה לשמור על 60fps, זה אומר שלכל פריים יש 16ms להתרנדר על המסך, כל פריים שלא יספיק להתרנדר על המסך בזמן הזה - ידולג ע"י פלאטר. במידה ויופיע קו אדום, בתוך הגרפים - סימן שחרגנו מקצב הרינדור 16ms.

  7. נריץ את האפליקציה, נבצע את הפעולות שנרצה, ונוודא שלא מופיע אף קו אדום בגרפים שתוארו להלן! במידה וכן - ננסה לייעל את הקוד!


מקור והסברים נוספים: https://flutter.dev/docs/perf/rendering/ui-performance



כאן לכל שאלה,

ברק מנחם,

מייסד קהילת Flutter Israel Developers

AppsFID+barak@gmail.com

46 צפיות0 תגובות