Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Optimizing & Profiling UI Performance

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Brenda Cook Brenda Cook
July 29, 2016
Programming
6
13k

Optimizing & Profiling UI Performance

Presented at 360|AnDev 2016

Avatar for Brenda Cook

Brenda Cook

July 29, 2016
Tweet

More Decks by Brenda Cook

See All by Brenda Cook
Fragments: Why? How? and What For?
Avatar for Brenda Cook kenodoggy
3
3.7k

Other Decks in Programming

See All in Programming
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
650
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
700
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
7
1.1k
Gemini for developers
Avatar for Mete Atamel meteatamel
0
120
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
1.8k
AI & Enginnering
Avatar for codelynx codelynx
0
140
AIに仕事を丸投げしたら、本当に楽になれるのか
Avatar for ディップ株式会社 dip_tech
PRO
0
150
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
190
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
190
PJのドキュメントを全部Git管理にしたら、一番喜んだのはAIだった
Avatar for oga_aiichiro nanaism
0
200
Python’s True Superpower
Avatar for Hynek Schlawack hynek
0
180
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.7k

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
140
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3k
Between Models and Reality
Avatar for mayunak mayunak
1
210
Designing for Performance
Avatar for Lara Hogan lara
611
70k

Transcript

  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]

  22. None
  23. None

  24. Know your Views

  25. GPU Overdraw

  26. None
  27. None
  28. None

  29. clipRect & quickReject

  30. Performance Profiling

  31. Profile GPU Rendering

  32. None

  33. Marshmallow

  34. None

  35. Android Studio Monitors

  36. None

  37. android { 
 buildTypes {
 debug {
 debuggable true
 }


    release {
 ...
 }
 }
 }

  38. None
  39. None

  40. Systrace

  41. $ cd android-sdk/platform-tools/systrace $ python systrace.py --time=10 -o mytrace.html sched

    gfx view wm
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None

  50. Image Libraries to the Rescue! Picasso

  51. Thank you Twitter @kenodoggy g+ +BrendaCook_kenodoggy