Optimizing & Profiling UI Performance

Presented at 360|AnDev 2016

1. Optimizing & Profiling UI Performance
2. What does it mean to have performant UI?
3. Jank
4. Frame Rate (FPS)
5. Refresh Rate (Hz)
6. 1 second (1000ms) / 60 frames = 16.67ms per frame FPS is capped by device display (refresh rate Hz) due to VSync
7. VSync
8. 3 Double Buffering 0 1 2 1 2 CPU GPU Display 1 1 Front Buffer CPU GPU Back Buffer 2 3 3 VSync VSync VSync VSync Frame Drop
9. 4 3 Triple Buffering 0 1 2 3 1 2 CPU GPU Display 1 1 Front Buffer CPU GPU Back Buffer CPU GPU 3rd Buffer 2 3 4 VSync VSync VSync VSync Frame Drop
10. No VSync
11. Optimize
12. Flatten View Hierarchy
13. Deeply Nested View Hierarchy
14. Deeply Nested View Hierarchy
15. Shallow View Hierarchy
16. Deeply Nested Design View Optimized
17. Hierarchy Viewer
18. 3 2 1
19. [show deeply nested hierarchy]
20. [show shallow hierarchy]
21. [show image of obtaining measure, layout and draw time]
24. Know your Views
25. GPU Overdraw
29. clipRect & quickReject
30. Performance Profiling
31. Profile GPU Rendering
33. Marshmallow
35. Android Studio Monitors
37. android { 
 buildTypes {
 debug {
 debuggable true
 }
 release {
 ...
 }
 }
 }

40. Systrace
41. $ cd android-sdk/platform-tools/systrace $ python systrace.py --time=10 -o mytrace.html sched gfx view wm
50. Image Libraries to the Rescue! Picasso
51. Thank you Twitter @kenodoggy g+ +BrendaCook_kenodoggy