# Оптимізація продуктивності (Flutter)

> Профілювання DevTools, Isolates, compute, зменшення jank, рендеринг кадрів, raster thread, оптимізація розміру застосунку

- 26 питань зі співбесід
- Senior
- [Питання зі співбесід: Flutter](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy.md)

## 1. Який інструмент Flutter DevTools дозволяє аналізувати проблеми продуктивності, пов'язані з рендерингом кадрів?

**Відповідь**

Performance view (або Timeline view) у Flutter DevTools дозволяє візуалізувати кадри, відрендерені застосунком, і визначати ті, що перевищують бюджет у 16 мс (60 FPS). Цей інструмент відображає активність UI thread і raster thread, допомагаючи знайти вузькі місця, що спричиняють jank.

## 2. Що таке jank у контексті застосунків Flutter?

**Відповідь**

Jank означає візуальні ривки або підвисання, що виникають, коли рендеринг кадру триває довше за 16 мс (для досягнення 60 FPS). Це створює відчуття неплавності для користувача. Jank може спричинятися дорогими операціями на main isolate, надмірними перебудовами віджетів або складними операціями рендерингу.

## 3. Яка роль UI thread і raster thread у конвеєрі рендерингу Flutter?

**Відповідь**

UI thread виконує код Dart, будує widget tree і генерує layer tree. Raster thread (раніше GPU thread) бере цей layer tree і растеризує його в пікселі, придатні для відображення. Обидва мають завершити роботу менш ніж за 16 мс, щоб підтримувати 60 FPS. Проблема в будь-якому з них може спричинити jank.

## Ще 23 доступних питань

- Чому використання const-конструкторів для віджетів покращує продуктивність?
- Що таке Isolate в Dart і чому він важливий для продуктивності?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Flutter

- [Основи Dart](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/dart-basics.md): 25 запитань, Junior
- [Основи мови Dart](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/dart-language-essentials.md): 15 запитань, Junior
- [Основи Flutter](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/flutter-fundamentals.md): 18 запитань, Junior
- [Життєвий цикл віджетів](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/widget-lifecycle.md): 20 запитань, Junior
- [Локальне сховище](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/local-storage.md): 20 запитань, Junior
- [Життєвий цикл застосунку](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/app-lifecycle.md): 20 запитань, Junior
- [Layouts & Constraints](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/layouts-constraints.md): 24 запитань, Mid-Level
- [ListView & GridView](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/listview-gridview.md): 25 запитань, Mid-Level
- [Навігація та маршрутизація](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/navigation-routing.md): 22 запитань, Mid-Level
- [Базове керування станом](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/state-management-basics.md): 22 запитань, Mid-Level
- [Provider Pattern](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/provider-pattern.md): 18 запитань, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/networking-http.md): 20 запитань, Mid-Level
- [Серіалізація JSON](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/json-serialization.md): 20 запитань, Mid-Level
- [Локальна база даних](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/local-database.md): 22 запитань, Mid-Level
- [Форми та валідація](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/forms-validation.md): 20 запитань, Mid-Level
- [Анімації](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/animations.md): 20 запитань, Mid-Level
- [Інтеграція Firebase](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/firebase-integration.md): 18 запитань, Mid-Level
- [Модульне тестування](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/unit-testing.md): 20 запитань, Mid-Level
- [Тестування віджетів](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/widget-testing.md): 18 запитань, Mid-Level
- [Збірка та розгортання](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/build-deployment.md): 16 запитань, Mid-Level
- [Керування пакетами](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/package-management.md): 16 запитань, Mid-Level
- [Пам'ять та продуктивність](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/memory-performance.md): 22 запитань, Senior
- [Streams & RxDart](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/streams-rxdart.md): 24 запитань, Senior
- [Просунутий State Management](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/advanced-state-management.md): 26 запитань, Senior
- [Flutter Design Patterns](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/flutter-design-patterns.md): 24 запитань, Senior
- [Platform Channels](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/platform-channels.md): 20 запитань, Senior
- [Custom Painting](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/custom-painting.md): 22 запитань, Senior
- [Архітектура застосунків Flutter](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/flutter-app-architecture.md): 22 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/performance-optimization