Расскажем: • какие инструменты Apple для разработчиков лучше применять для выявления проблем и их локализации; • как стоит хранить большие объемы данных и проводить быстрый поиск по ним; • как правильно строить вычисления в рамках жизненного цикла view-контроллера; • как незначительные изменения при отрисовке сильно влияют на производительность приложений и usability. iOS-приложения Superjob это: • 3 приложения в AppStore для B2C и B2B-аудиторий; • более 1 млн. пользователей; • наше приложение - это анимации в 50-60 fps; • стабильные позиции в ТОП-3 приложений в категории «Бизнес».

1. Красиво и не тормозит!
Анимация без ущерба
производительности приложений
Сергей Токарев,
старший ios-разработчик

2. Ожидание: Реальность:

3. Проблемы:
Почему список тормозит?
Почему картинки не отображаются?
Как увеличить скорость отклика приложения?

4. Немного статистики*
Только
79%пользователей вернутся
в приложение ещё один
или два раза, если оно упало
при первом запуске.
25%пользователей выйдут
из приложения,
если оно не загрузится
за 3 секунды.
31%пользователей расскажет
о незапустившемся
или упавшем приложении
своим друзьям.
*по данным статистики Hewlett Packard Enterprise Software Solutions

5. осознав проблему...
Доктор, я теряю
пользователей!

6. Новая задача

7. Пути улучшения:
Работа с анимацией
Работа с потоками
1
2

8. Этапы выполнения анимации
Layout
Display
Prepare
Commit
Calculates
Render
1
2
3
4
5
6
СPU
GPU

9. Этапы выполнения анимации
CPU
GPU
Layout
Display
Prepare
Commit
Calculates
Render
1
2
3
4
5
6

10. Что замедляет GPU
Слишком много геометрических вычислений
Слишком много перерисовок
Закадровые отрисовки
Слишком большие изображения

11. Что замедляет CPU
Преобразования изображений
Вычисления layout
Lazy load view

12. drawRect()
-(void)drawRect:(CGRect)rect {
float fontSize = 13;
CGFloat emailWidth = rect.size.width;
UIFont *emailFont=[UIFont boldSystemFontOfSize: fontSize];
NSDictionary *attrs = @{ NSFontAttributeName: emailFont };
[self.email drawInRect:CGRectMake(28, 4, emailWidth, 16)
withAttributes:attrs];
}

13. Результат
До: После:

14. Результат
Время
отрисовки,
нс
Количество
ячеек
170 000
1 3 62 54 7
17 000
До: После:

15. ShadowPath
UIView *view = [UIView new];
UIBezierPath *path = [UIBezierPath bezierPathWithRect:view.bounds];
backgroundView.layer.shadowPath = path.CGPath;

16. Контроль FPS
53 FPS
pod 'XFPS'

17. половина дела сделана
Стало заметно
быстрее работать!

18. Многопоточность
NSThread
NSOperation
GCD

19. многопоточность
А можете
синхронно?

20. NSThread
SJPhotoModel *model = [SJPhotoModel new];
[model performSelectorInBackground:@selector(downloadPhoto)
withObject:nil];

21. Grand Central Dispatch
dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH,0ul);
dispatch_async(queue, ^(void) {
// загрузка фото
NSData *imageData = [NSData dataWithContentsOfURL:url];
UIImage* image = [[UIImage alloc] initWithData:imageData];
if (image) {
dispatch_async(dispatch_get_main_queue( ), ^{
// преобразование фото
});
}
});

22. NSOperation
NSOperation *networkingOperation = …;
NSOperation *resizingOperation = …;
[resizingOperation addDependency:networkingOperation];
NSOperationQueue *operationQueue = [NSOperationQueue mainQueue];
[operationQueue addOperations:@[networkingOperation, resizingOperation]
waitUntilFinished:NO];

23. THE END
...