Bagaimanakah anda mengoptimumkan prestasi aplikasi Flutter?

Question

Accepted Answer

Walaupun Flutter berprestasi secara lalai, mengoptimumkan prestasi melibatkan meminimumkan **rebuild** yang tidak perlu, **list rendering** yang cekap, penggunaan **const** yang betul, mengelakkan kerja mahal dalam build, dan profiling. Memahami ini memastikan aplikasi lancar (60/120 fps).

## Minimumkan rebuild yang tidak perlu

```text
✓ Use CONST constructors where possible → const widgets aren't rebuilt (huge win)
  const Text('Static')   // not rebuilt unnecessarily
✓ Keep setState/rebuild scope SMALL → rebuild only what changed (extract widgets so
  state changes rebuild a small subtree, not the whole screen)
✓ Use targeted state management (rebuild only widgets that depend on changed state)
✓ Don't rebuild large trees for small changes
```

## List yang cekap

```text
✓ Use ListView.BUILDER (not ListView with all children) for long/infinite lists →
  builds only VISIBLE items lazily (not all at once) — critical for long lists
✓ Same for GridView.builder; use keys appropriately; avoid heavy item widgets
```

## Elakkan kerja mahal dalam build()

```text
✓ build() runs OFTEN → keep it cheap; don't do heavy computation, I/O, or allocations there
✓ Cache/precompute expensive results; move work out of build
✓ Heavy computation → use ISOLATES (run on a separate thread, off the UI thread) to
  avoid jank (the UI thread must stay free for smooth 60fps rendering)
```

## Profiling dan pengoptimuman lain

```text
✓ Use Flutter DEVTOOLS → performance overlay, widget rebuild profiler, timeline →
  FIND the actual bottlenecks (measure, don't guess)
✓ Optimize images (sizes, caching); avoid unnecessary opacity/clipping (expensive)
✓ Test in PROFILE/RELEASE mode (debug mode is slower — don't judge perf in debug)
✓ Reduce overdraw; use RepaintBoundary to isolate repaints
```

## Mengapa ia penting

Memahami pengoptimuman prestasi Flutter ialah pengetahuan peringkat senior yang berharga kerana **prestasi yang lancar adalah penting untuk pengalaman pengguna yang baik**, dan walaupun Flutter berprestasi secara lalai, aplikasi sebenar boleh mengalami isu prestasi (jank, frame tergugur) yang perlu ditangani.

Tuas terbesar ialah **meminimumkan rebuild yang tidak perlu**: menggunakan **const constructor** (supaya const widget tidak di-rebuild — kemenangan yang ketara dan mudah), memastikan **skop setState/rebuild kecil** (mengekstrak widget supaya perubahan state hanya me-rebuild subtree kecil dan bukannya keseluruhan skrin), dan menggunakan pengurusan state yang disasarkan (hanya me-rebuild widget yang bergantung pada state yang berubah) — kerana rebuild yang tidak perlu ialah masalah prestasi yang lazim. **List rendering yang cekap** adalah kritikal: menggunakan **`ListView.builder`** (yang membina hanya item yang kelihatan secara malas) dan bukannya membina semua children sekaligus adalah penting untuk list yang panjang — satu pengoptimuman lazim dan penting. **Mengelakkan kerja mahal dalam `build()`** penting kerana build berjalan dengan kerap (jadi ia mesti kekal murah, dengan pengiraan berat dipindahkan keluar atau dijalankan pada **isolate** di luar UI thread untuk mengelakkan jank, kerana UI thread mesti kekal bebas untuk rendering yang lancar). **Profiling dengan Flutter DevTools** (performance overlay, rebuild profiler, dan timeline untuk mencari bottleneck sebenar) ialah disiplin utama — mengukur dan bukannya meneka — bersama-sama dengan menguji dalam mod profile/release (bukan debug, yang lebih perlahan) dan mengoptimumkan imej dan repaint.

Prestasi 60/120fps yang lancar ialah apa yang menjadikan aplikasi terasa terjurus, dan jank ketara serta mengecewakan, jadi pengoptimuman ini secara langsung mempengaruhi pengalaman pengguna.

Memandangkan prestasi yang lancar adalah penting untuk UX yang baik dan aplikasi Flutter sebenar boleh mengalami isu prestasi yang ditangani oleh pengoptimuman yang betul (const, rebuild minimum, list yang cekap, build yang murah, isolate, profiling), memahami pengoptimuman prestasi Flutter ialah pengetahuan peringkat senior yang berharga untuk membina aplikasi yang lancar dan terjurus — satu kemahiran utama untuk pembangunan Flutter profesional yang memastikan aplikasi kekal responsif dan bebas jank, mencerminkan kesedaran prestasi yang diharapkan untuk peranan senior.