# Optimasi Performa (Flutter)

> Profiling DevTools, Isolates, compute, pengurangan jank, rendering frame, raster thread, optimasi ukuran aplikasi

- 26 pertanyaan wawancara
- Senior
- [Pertanyaan Wawancara: Flutter](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara.md)

## 1. Alat Flutter DevTools mana yang memungkinkan analisis masalah performa terkait rendering frame?

**Jawaban**

Performance view (atau Timeline view) di Flutter DevTools memungkinkan visualisasi frame yang dirender oleh aplikasi dan mengidentifikasi frame yang melebihi anggaran 16ms (60 FPS). Alat ini menampilkan aktivitas UI thread dan raster thread, membantu menemukan bottleneck yang menyebabkan jank.

## 2. Apa itu jank dalam konteks aplikasi Flutter?

**Jawaban**

Jank mengacu pada stutter atau tersendat visual yang terjadi ketika sebuah frame membutuhkan lebih dari 16ms untuk dirender (untuk mencapai 60 FPS). Hal ini menciptakan pengalaman tidak mulus bagi pengguna. Jank dapat disebabkan oleh operasi mahal pada main isolate, rebuild widget yang berlebihan, atau operasi rendering yang kompleks.

## 3. Apa peran UI thread dan raster thread dalam pipeline rendering Flutter?

**Jawaban**

UI thread mengeksekusi kode Dart, membangun widget tree, dan menghasilkan layer tree. Raster thread (dahulu GPU thread) mengambil layer tree ini dan merasterisasinya menjadi piksel yang dapat ditampilkan. Keduanya harus menyelesaikan pekerjaannya dalam waktu kurang dari 16ms untuk mempertahankan 60 FPS. Masalah pada salah satunya dapat menyebabkan jank.

## 23 pertanyaan lagi tersedia

- Mengapa menggunakan konstruktor const untuk widget meningkatkan performa?
- Apa itu Isolate di Dart dan mengapa penting untuk performa?

Daftar gratis: https://sharpskill.dev/id/login

## Topik wawancara Flutter lainnya

- [Dasar-Dasar Dart](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/dart-basics.md): 25 pertanyaan, Junior
- [Dasar-Dasar Bahasa Dart](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/dart-language-essentials.md): 15 pertanyaan, Junior
- [Dasar-Dasar Flutter](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/flutter-fundamentals.md): 18 pertanyaan, Junior
- [Siklus Hidup Widget](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/widget-lifecycle.md): 20 pertanyaan, Junior
- [Penyimpanan Lokal](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/local-storage.md): 20 pertanyaan, Junior
- [Siklus Hidup Aplikasi](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/app-lifecycle.md): 20 pertanyaan, Junior
- [Layouts & Constraints](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/layouts-constraints.md): 24 pertanyaan, Mid-Level
- [ListView & GridView](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/listview-gridview.md): 25 pertanyaan, Mid-Level
- [Navigasi & Routing](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/navigation-routing.md): 22 pertanyaan, Mid-Level
- [Manajemen State Dasar](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/state-management-basics.md): 22 pertanyaan, Mid-Level
- [Provider Pattern](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/provider-pattern.md): 18 pertanyaan, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/networking-http.md): 20 pertanyaan, Mid-Level
- [Serialisasi JSON](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/json-serialization.md): 20 pertanyaan, Mid-Level
- [Database Lokal](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/local-database.md): 22 pertanyaan, Mid-Level
- [Formulir & Validasi](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/forms-validation.md): 20 pertanyaan, Mid-Level
- [Animasi](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/animations.md): 20 pertanyaan, Mid-Level
- [Integrasi Firebase](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/firebase-integration.md): 18 pertanyaan, Mid-Level
- [Pengujian unit](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/unit-testing.md): 20 pertanyaan, Mid-Level
- [Pengujian widget](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/widget-testing.md): 18 pertanyaan, Mid-Level
- [Build & Deployment](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/build-deployment.md): 16 pertanyaan, Mid-Level
- [Manajemen Paket](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/package-management.md): 16 pertanyaan, Mid-Level
- [Memori & Performa](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/memory-performance.md): 22 pertanyaan, Senior
- [Streams & RxDart](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/streams-rxdart.md): 24 pertanyaan, Senior
- [State Management Tingkat Lanjut](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/advanced-state-management.md): 26 pertanyaan, Senior
- [Flutter Design Patterns](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/flutter-design-patterns.md): 24 pertanyaan, Senior
- [Platform Channels](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/platform-channels.md): 20 pertanyaan, Senior
- [Custom Painting](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/custom-painting.md): 22 pertanyaan, Senior
- [Arsitektur Aplikasi Flutter](https://sharpskill.dev/id/technologies/flutter/pertanyaan-wawancara/flutter-app-architecture.md): 22 pertanyaan, Senior

---

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