How do we speedup Yandex on Android?

Many Andrdoid developers know standard methods of profiling applications, tools for debugging and performance improvement. However for large applications they are not always sufficient enough. In this talk we will talk about non-standard approaches to performance improvements, we will touch various aspects of both UI, tools, and backend. I hope this talk will inspire you to look at the performance from a different angle and you will find something new applicable to your applications.

Transcript

2. Как мы ускоряем Яндекс под Android Артур Василов, Android-разработчик
3. Стадии принятия производительности 3 Отрицание Здравый смысл и #perfmatters Контроль и исправление проблем Джедайские трюки
4. Джедайские трюки › Могут дать очень большой буст к скорости! › Усложняют ваш код (в каких-то случаях сильно и немного ломают привычную «архитектуру») › Нужны не всегда! 4
6. Оптимизируем «сеть»
7. Получение данных от сервера › Запуск приложения › Запуск сетевого запроса › Ожидание ответа › Чтение данных › Постобработка (парсинг, сохранение) › Передача в UI для отображения 7
8. Запуск приложения → запуск сетевого запроса Все очевидно, чем быстрее ваше приложение выполнит начальную инициализацию, тем быстрее начнется сетевой запрос. Все стандартные способы ускорения запуска здесь применимы. 8
9. Запуск приложения → запуск сетевого запроса Раньше начнешь – раньше закончишь! (с) мама 9
10. Запуск сетевого запроса 10 Application#onCreate MainActivity#onCreate MainFlowFragment#onCreate MainFlowFragment#onCreateView MainFragment#onCreate Сетевой запрос
11. 11 Сетевой запрос Отображение данных
12. Запуск сетевого запроса 12 Application#onCreate MainActivity#onCreate MainFlowFragment#onCreate MainFlowFragment#onCreateView MainFragment#onCreate Сетевой запрос Отображение данных PROFIT!
13. Более ранее начало загрузки › Не раньше Activity, так как оптимизация обычно нужна для старта с UI › Абстракция на уровне репозитория / источника данных › Кэширование в памяти / на диске (если получается так, что запрос выполнится раньше, чем есть подписчики) › Например, в Rx – Subject 13
14. Все на уровне репозитория interface CardsRepository { fun preloadCards(); fun loadCards(): Observable<Card> } 14
15. MainActivity class MainActivity : AppCompatActivity() { @Inject lateinit var repository: CardsRepository override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) repository.preloadCards() } } 15
16. Ускоряем чтение данных 16
17. Тип соединения › На Wi-Fi / 4G+ все хорошо, улучшения могут быть, но за счет других эффектов › 3G / EDGE – все плохо › 2G – все очень плохо › Мы никак не можем на это повлиять! Но наша задача сделать так, чтобы во всех условиях приложение работало хорошо. 17
18. Меньше данных! › В идеале 0 › Формат (json vs protobuf vs …) › Кодирование – gzip, brotli, sdch › Но начнем с более простых идей 18
21. Данные { "title": "Hello, World", "toolbar": { ... }, "informers": [ ... ], "cards": [ { "id": "card1", ... }, {}, {}, ... ] } 21 Много-много
22. Данные { "title": "Hello, World", "toolbar": { ... }, "informers": [ ... ], "cards": [ { "id": "card1", ... }, {}, {}, ... ] } 22 Много-много
23. Как такого достичь? ▌ «Мгновенная пагинация» › Двойной запрос (с основными данными и второй запрос за остальными) › Простое в реализации решение › Положим сервак! › Можно использовать только для 3G-, например ▌ Потоковый парсер json-а 23
24. Потоковое чтение ответа val request = Request.Builder().url("https://myurl.my").build() val response = client.newCall(request).execute() val body = response.body() if (response.isSuccessful && body != null) { val source = body.source() // TODO : start stream parsing } else { // TODO : handle error (don't care here) } 24
25. Потоковое чтение ответа val source = body.source() 25
26. Потоковое чтение ответа val source = body.source() while (!source.exhausted()) { val byte = source.readByte() } 26
27. Потоковое чтение ответа val source = body.source() while (!source.exhausted()) { val byte = source.readByte() if (byte.toChar() == '{') { // TODO : find the moment when we need to stop reading using stream } } 27
28. Потоковое чтение ответа val source = body.source() val outStream = Buffer() while (!source.exhausted()) { val byte = source.readByte() outStream.writeByte(byte.toInt()) if (byte.toChar() == '{') { // TODO : find the moment when we need to stop reading using stream } } 28
29. Данные { "title": "Hello, World", "toolbar": { ... }, "informers": [ ... ], "cards": [ { "id": "card1", ... }, {}, {}, ... ] } 29
30. Потоковое чтение ответа if (byte.toChar() == '{') { // TODO : find the moment when we need to stop reading using stream } 30
31. Потоковое чтение ответа if (byte.toChar() == '{') { // TODO : find the moment when we need to stop reading using stream } outStream.writeByte('}'.toInt()) // TODO : parse out stream 31
32. Потоковое чтение ответа if (byte.toChar() == '{') { // TODO : find the moment when we need to stop reading using stream } outStream.writeByte('}'.toInt()) // TODO : parse out stream outStream.writeAll(source) // TODO : parse remaining response 32
33. Потоковый парсер › Не надо писать парсер json-а самому! Читаем в буфер ровно столько, сколько нужно (смотрим, например, по закрывающим скобкам) и потом парсим целиком часть ответа как обычно! › Не получится засунуть в Retrofit (а если захотеть, то хаков будет больше чем без него) › Но в итоге все скроется за Observable<…> в Repository › Зависимость от корректности данных 33
34. Данные { "title": "Hello, World", "toolbar": { ... }, "informers": [ ... ], "cards": [ { "id": "card1", ... }, {}, {}, ... ] } 34
35. Неправильные данные { "cards": [ { "id": "card1", ... }, {}, {}, ... ], "title": "Hello, World", "toolbar": { ... }, "informers": [ ... ] } 35
36. Исправляем неправильные данные [ { "title": "Hello, World", "toolbar": { ... } "informers": [ ... ] }, { "id": "card1", ... }, {}, ... ] 36
37. Кодирование и форматы › gzip (вы очень плохой человек, если у вас его нет) › SDCH? › brotli (нет явной поддержки в Android/OkHttp) › … › protobuf 37
38. Трюки для UI
39. Краш или не краш? MainActivity.kt override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) Thread { val textView = findViewById<TextView>(R.id.text) textView.text = "Hello World" }.start() } 39
40. 40 create / inflate measure Android: отобразить View layout draw Создание View из кода или xml Расчет размеров View относительно себя и родителя Расчет позиции View и всех детей (для ViewGroup) Рисование View на экране
41. 41 create / inflate measure Android: отобразить View layout draw Создание View из кода или xml (долго) Расчет размеров View относительно себя и родителя (долго) Расчет позиции View и всех детей (для ViewGroup) (долго) Рисование View на экране
43. Предсоздаем View val recyclerView = findViewById<RecyclerView>(R.id.recyclerView) recyclerView.layoutManager = LinearLayoutManager(this) val viewPool = AsyncViewPool.Factory.create(this, this) repeat(10) { viewPool.addView(R.layout.card, recyclerView) } 43
44. Получаем заранее созданную View class CardAdapter(private val viewPool: AsyncViewPool) : RecyclerView.Adapter<CardHolder>() { override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CardHolder { val view = viewPool.obtainView(R.layout.card, parent) return CardHolder(view) } // ... } 44
45. Очень базовая реализация override fun addView(@LayoutRes layoutId: Int, parent: ViewGroup) { executorService.execute { val view = inflater.inflate(layoutId, parent, false) var viewList = views[layoutId] if (viewList == null) { viewList = ArrayList() views[layoutId] = viewList } viewList.add(view) } } 45
46. Очень базовая реализация override fun obtainView(@LayoutRes layoutId: Int, parent: ViewGroup): View { val viewList = views[layoutId] if (viewList == null || viewList.isEmpty()) { return inflater.inflate(layoutId, parent, false) } return viewList.removeAt(0) } 46
47. Возможные проблемы › Кастомная View может использовать вызовы, которые можно делать только в main thread › Нужно всегда явно передавать Looper.getMainLooper() › Надо обеспечить некий “happens-before” (см. Java Memory Model) › AsyncLayoutInflater 47 developer.android.com/reference/android/support/v4/view/AsyncLayoutInflater
48. 48 create / inflate measure Android: отобразить View layout draw Создание View из кода или xml (долго) Расчет размеров View относительно себя и родителя (долго) Расчет позиции View и всех детей (для ViewGroup) (долго) Рисование View на экране
49. 49 create / inflate measure Android: отобразить View layout draw Создание View из кода или xml (долго) Расчет размеров View относительно себя и родителя (долго) Расчет позиции View и всех детей (для ViewGroup) (долго) Рисование View на экране
50. PrecomputedText override fun addView(@LayoutRes layoutId: Int, parent: ViewGroup) { executorService.execute { val view = inflater.inflate(layoutId, parent, false) // ... val textView = view.findViewById<TextView>(R.id.cardText) val params : PrecomputedTextCompat.Params = TextViewCompat.getTextMetricsParams(textView) val precomputedText = PrecomputedTextCompat.create("Hello World", params) TextViewCompat.setPrecomputedText(textView, precomputedText) } } 50
51. PrecomputedText › Крутая штука! › Больше помогает на скролле списка, чем на первоначальном создании 51 medium.com/androiddevelopers/prefetch-text-layout-in-recyclerview-4acf9103f438
54. Прозрачный сплеш › Может создать эффект мгновенного старта › Убедитесь, что у вас приложение стартует быстро везде, иначе вас разоблачат! 54
55. Другое
56. Dagger 56 ▌ Выпилить Dagger!
57. Dagger – проблема public final class MainActivityModule_ProvideCardsRepositoryFactory implements Factory<CardsRepository> { private final MainActivityModule module; public MainActivityModule_ProvideCardsRepositoryFactory(MainActivityModule module) { this.module = module; } @Override public CardsRepository get() { return provideInstance(module); } 57
58. Dagger – проблема public final class MainActivity_MembersInjector implements MembersInjector<MainActivity> { private final Provider<CardsRepository> repositoryProvider; public MainActivity_MembersInjector(Provider<CardsRepository> repositoryProvider) { this.repositoryProvider = repositoryProvider; } public static MembersInjector<MainActivity> create(Provider<CardsRepository> repositoryProvider) { return new MainActivity_MembersInjector(repositoryProvider); } @Override public void injectMembers(MainActivity instance) { injectRepository(instance, repositoryProvider.get()); } 58
59. Dagger › Загрузка классов довольно медленная штука › Нужно грамотно разбивать на компоненты (конечно, не надо одну большую ApplicationComponent) › fastInit…? 59 youtube.com/watch?v=PBrhRvhF00k
60. Dagger fastInit kapt { javacOptions { option("-Adagger.fastInit=enabled") } } 60 google.github.io/dagger/compiler-options.html
61. Redex / Interdex › Позволяет расставить классы в dex-файле в порядке, котором они начинают использоваться › Что-то похожее на то, что происходит в Android 9, но на этапе компиляции › Не очень легко › Коллеги пробовали и получили -10% к времени запуска 61 github.com/facebook/redex/blob/master/docs/Interdex.md
62. avasilov@yandex-team.ru Как мы ускоряем Яндекс под Android Артур Василов Android-разработчик ArturVasilov ArturVasilov VasilovArtur