Kako optimiziraš performanse Flutter aplikacije?

Question

Accepted Answer

Iako je Flutter performantan po zadanom, optimizacija performansi uključuje minimiziranje nepotrebnih **rebuilda**, učinkovito **renderiranje listi**, pravilnu upotrebu **const**, izbjegavanje skupih operacija u build, i profiliranje. Razumijevanje toga održava aplikacije glatke (60/120 fps).

## Minimiziranje nepotrebnih rebuilda

```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
```

## Učinkovite liste

```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
```

## Izbjegavanje skupih operacija u 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)
```

## Profiliranje i ostale optimizacije

```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
```

## Zašto je važno

Razumijevanje optimizacije performansi u Flutteru je vrednoznanje na razini seniora jer je **glatka performansa esencijalna za dobar korisnikov doživljaj**, a premda je Flutter performantan po zadanom, prave aplikacije mogu razviti probleme s performansama (jank, ispušteni okviri) koje trebaju biti riješeni.

Najveća poluga je **minimiziranje nepotrebnih rebuilda**: korištenje **const konstruktora** (tako da se const widgeti ne rebuilduiraju — značajna, laka pobjeda), održavanje **scope-a setState/rebuild malog** (ekstrahiranje widgeta tako da promjene stanja rebuilduiraju samo mali subtree umjesto cijelog ekrana), i korištenje ciljane upravljanja stanjem (rebuilduiranje samo widgeta koji ovise o promijenjenom stanju) — budući da su nepotrebni rebuildi čest problem performansi. **Učinkovito renderiranje listi** je kritično: korištenje **`ListView.builder`** (koje lijenivo gradi samo vidljive stavke) umjesto gradnje svih djece odjednom je esencijalno za duge liste — česta, važna optimizacija. **Izbjegavanje skupih operacija u `build()`** je važno jer se build izvršava često (pa mora ostati jeftin, s teškim computanjem premještenim van ili pokrenutim na **isolatima** izvan UI niti kako bi se izbjegao jank, jer UI nit mora ostati slobodna za glatko renderiranje). **Profiliranje s Flutter DevTools** (performance overlay, rebuild profiler, i timeline za pronalaženje stvarnih uskih grla) je ključna disciplina — mjerenje umjesto nagađanja — zajedno s testiranjem u profile/release modu (ne debug, koji je sporiji) i optimizacijom slika i repainturi.

Glatka performansa od 60/120fps je ono što čini aplikacije poliranim, a jank je vidljiv i frustrirajući, pa te optimizacije izravno utječu na korisnikov doživljaj.

Budući da je glatka performansa esencijalna za dobar korisnikov doživljaj i prave Flutter aplikacije mogu razviti probleme s performansama koje pravilna optimizacija (const, minimalni rebuildi, učinkovite liste, jeftini buildovi, isolati, profiliranje) rješava, razumijevanje optimizacije performansi u Flutteru je vrednoznanje na razini seniora za gradnju glatkih, poliranih aplikacija — ključna vještina za profesionalni Flutter razvoj koja osigurava da aplikacije ostanu odzivne i bez janka, što odražava svjesnost o performansama koju se očekuje za seniorske uloge.