Download to read offline
Uploaded byOntico
Производительность WebGL-приложений / Дмитренко Кирилл (Яндекс)
Документ содержит рекомендации по оптимизации производительности WebGL приложений, описывая методы измерения FPS и использования профайлеров для анализа узких мест. Обсуждаются важные аспекты асинхронности вызовов и минимизации операций, таких как избегание get* и read*, а также группировка объектов для сокращения вызовов. Также предлагаются стратегии снижения переотрисовки и загрузки ресурсов для повышения эффективности работы с состоянием и уменьшения общего объема операций.
More Related Content
Similar to Производительность WebGL-приложений / Дмитренко Кирилл (Яндекс)
Производительность WebGL-приложений / Дмитренко Кирилл (Яндекс)
- 1.
- 2. План • Что такоеWebGL? • Измерение производительности • Оптимизации
- 3.
- 4. WebGL – APIк GPU
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. Асинхронность • Некоторые вызовы асинхронные. • Некоторые – синхронные.
- 16. Асинхронность • Некоторые вызовы асинхронные. • Некоторые – синхронные. • Некоторые синхронизируют весь контекст.
- 17.
- 18. EXT_disjoint_timer_query + Измеряет время исполнения наGPU. + Асинхронно.
- 19. EXT_disjoint_timer_query + Измеряет время исполнения наGPU. + Асинхронно. - Надо писать код.
- 20.
- 21. EXT_disjoint_timer_query • Время исполнения группывызовов. • Временные метки.
- 22.
- 23. Измерение: выводы • FPSкак качественная характеристика.
- 24. Измерение: выводы • FPSкак качественная характеристика. • Профайлер для поиска узких мест на CPU.
- 25. Измерение: выводы • FPSкак качественная характеристика. • Профайлер для поиска узких мест на CPU. • EXT_disjoint_timer_query – на GPU.
- 26.
- 27. Работа с состоянием • Не вызываем get* и read*.
- 28. Работа с состоянием • Не вызываем get* и read*. • getError() – только в разработке.
- 29. Работа с состоянием • Не вызываем get* и read*. • getError() – только в разработке. • Минимизировать переключения.
- 30. foreach (framebuffer) foreach (state) foreach(program) foreach (texture set) foreach (vertex buffer) foreach (object) draw();
- 31. Less calls, morework! • Несколько объектов в один буфер.
- 32. Less calls, morework! • Несколько объектов в один буфер. • Текстуры – в атлас.
- 33. Less calls, morework! • Несколько объектов в один буфер. • Текстуры – в атлас. • Instancing.
- 34.
- 35. В панорамах • Получилибесплатно ☺
- 36. В панорамах • Получилибесплатно ☺ • Instancing для маркеров.
- 37. В панорамах • Получилибесплатно ☺ • Instancing для маркеров. • Вытеснение невидимых секторов панорамы.
- 38.
- 39.
- 40.
- 41.
- 42. Overdraw • Считаем пикселипо несколько раз.
- 43. Overdraw • Исключить изкадра невидимые объекты.
- 44. Overdraw • Исключить изкадра невидимые объекты. • Отсортировать объекты по Z.
- 45. Overdraw • Исключить изкадра невидимые объекты. • Отсортировать объекты по Z. • Depth pre-pass.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58.
- 59. Код вокруг • DOM. • Загрузка ресурсов. • События UI.
- 60. Код вокруг • Разбитьна небольшие части.
- 61. Код вокруг • Разбитьна небольшие части. • Планировщик.
- 62. В панорамах • Загрузкавидимых тайлов.
- 63. В панорамах • Загрузкавидимых тайлов. • Вытеснение невидимых частей панорамы.
- 64. В панорамах • Загрузкавидимых тайлов. • Вытеснение невидимых частей панорамы. • События API.
- 65. Оптимизации: выводы • Аккуратноработаем с состоянием.
- 66. Оптимизации: выводы • Аккуратноработаем с состоянием. • Меньше вызовов draw*.
- 67. Оптимизации: выводы • Аккуратноработаем с состоянием. • Меньше вызовов draw*. • Избегаем overdraw.
- 68. Оптимизации: выводы • Аккуратноработаем с состоянием. • Меньше вызовов draw*. • Избегаем overdraw. • Планировщик.
- 69.
- 70.