Flutter uygulama performansını nasıl optimize edersiniz?

Question

Accepted Answer

Flutter varsayılan olarak performant olsa da, performans optimizasyonu gereksiz **rebuild**leri minimize etmeyi, verimli **list rendering**i, **const**ın doğru kullanımını, build içinde pahalı işlemlerden kaçınmayı ve profiling yapmayı içerir. Bu konseptleri anlamak uygulamaları smooth tutarak (60/120 fps) kaliteli birer deneyim sunar.

## Gereksiz rebuild'leri minimize etme

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

## Verimli listeler

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

## build() içinde pahalı işlemlerden kaçının

```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 ve diğer optimizasyonlar

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

## Neden önemli

Flutter performans optimizasyonunu anlamak kıdemli seviye bilgisidir çünkü **sorunsuz performans iyi kullanıcı deneyimi için gereklidir** ve Flutter varsayılan olarak performant olsa da, gerçek uygulamalar performans sorunları (jank, kare düşüşü) geliştirebilir ve bunların çözülmesi gerekir.

En önemli etken **gereksiz rebuild'leri minimize etmektir**: **const constructor**lar kullanarak (const widget'lar rebuild edilmez — önemli, kolay bir kazanç), **setState/rebuild kapsamını küçük tutarak** (widget'ları ayıklayarak state değişiklikleri tüm ekran yerine sadece küçük bir alt ağacı rebuild etsin) ve hedeflenmiş state yönetimi kullanarak (sadece değişen state'e bağlı widget'ları rebuild et) — gereksiz rebuild'ler yaygın bir performans sorunudur. **Verimli list rendering** kritiktir: **`ListView.builder`** kullanarak (sadece görünür öğeleri tembel olarak oluşturur) tüm children'ları bir kerede oluşturmak yerine uzun listeler için gereklidir — yaygın, önemli bir optimizasyon. **build() içinde pahalı işlemlerden kaçınmak** önemlidir çünkü build sık çalışır (bu yüzden ucuz kalmalı, ağır hesaplamalar dışarıya taşınmalı veya **isolate**lerde UI thread'i dışında çalıştırılmalı, çünkü UI thread sorunsuz rendering için serbest kalmalıdır). **Flutter DevTools ile profiling** (performans overlay, rebuild profiler ve gerçek darboğazları bulmak için timeline) anahtar disiplindir — tahmin etmek yerine ölçmek — ayrıca profile/release modunda test etmek (debug değil, daha yavaştır) ve image'ları ve repaints'i optimize etmek.

Sorunsuz 60/120fps performans uygulamaları parlak hissettirir ve jank belirgin ve sinir bozucudur, bu yüzden bu optimizasyonlar doğrudan kullanıcı deneyimini etkiler.

Sorunsuz performans iyi UX için gerekli olduğu ve gerçek Flutter uygulamaları uygun optimizasyonla (const, minimal rebuild'ler, verimli listeler, ucuz build'ler, isolate'ler, profiling) çözülebilecek performans sorunları geliştirebileceği için, Flutter performans optimizasyonunu anlamak sorunsuz, parlak uygulamalar oluşturmak için değerli kıdemli seviye bilgisidir — uygulamaların responsive ve jank-free kalmasını sağlayan profesyonel Flutter geliştirme için anahtar beceri, kıdemli roller için beklenen performans farkındalığını yansıtır.