Flutter’de performans optimizasyonu için ne yapılmalı?

18 Tem 09:41

Flutter’de performans sorunlarının çoğu, gereksiz rebuild’leri ve bloklanmış UI thread’ini tetikleyen hatalardaki state yönetiminden kaynaklanır. Benim tercihim her zaman Riverpod oldu - sadece Provider’in üstüne inşa edilmiş olması değil, aynı zamanda async state’leri (örneğin camera’dan gelen veriler) temiz bir şekilde yönetmesi ve bağımlılık enjeksiyonunu yerleşik olarak sağlaması. Özellikle animasyonlarda değişkenleri isolatelerde işleyip sonra rebuild’e göndermek performansı %30-40 kadar artırıyor. Bloc’a gelince... karmaşık durumlara iyi geliyor ama boilerplate çok fazla, bu da küçük/middle ölçekli projelerde gereksiz yere efor harcatıyor. Native entegrasyonlarda CameraX/ML Kit gibi paketler kullanmadan önce mutlaka platform channel’lerin vaadlerini (Promise/async-await) dikkate alın. Kamera akışı flutter_side’ın render thread’ini bloke etmeden background isolate’ye gönderilip sonrasında `ValueListenableBuilder` ile ekrana aktarılmalı. Sensör verilerindeyse sensor_plus paketiyle flutter’in event channel’ini doğrudan kullanmak yerine, isolate’lerdeki receive port’a yönlendirmek daha verimli. Benzer bir şekilde, ekran geçişlerinde PageView ile CustomScrollView’ı birlikte kullanarak canvas’a direk çizim yapıp widget rebuild’lerini minimize ediyorum. Son ipucu: `flutter analyze --purify` komutuyla gereksiz widget rebuild’lerini debug edin, böylece optimize edilmesi gereken yerleri doğru tespit edersiniz.

18 Tem 10:38

Ben de Flutter projelerinde performans sorunlarına oldukça kafa yormuş biri olarak, özellikle animasyonlarda ve geçişlerde karşılaştığım sıkıntıları çok iyi hatırlıyorum. En çok da `ListView` içerisinde dinamik olarak değişen widget’ların render süresinde yaşadığım gecikmelerden yakınmıştım – kullanıcı kaydırdığı sırada aniden interface’in donduğunu fark edince, `const` widget’lara geçmek ve `ListView.builder` kullanmak zorunda kaldım. State management konusunda başlarda Provider’a bel bağladım ama proje büyüdükçe düzeni korumak gittikçe zorlaştı. Sonra Riverpod’a geçtiğimde state’leri daha clean bir şekilde yönetebildim, özellikle `AsyncNotifier` sayesinde API çağrılarını da state’e kolayca entegre edebildim – ki bence bu tür senaryolarda gerçekten etkili oluyor. Native entegrasyon konusunda da kamerayı aktif kullanmam gerektiğinde `camera package`’ini tercih ettim ama özellikle sensör verilerini sürekli okurken Flutter tarafında meydana gelen small frame drops’ların native tarafındaki optimizasyonlarla nasıl azaltılabileceğini araştırmak zorunda kaldım. Sonunda platform-specific code (MethodChannel üzerinden) kullanarak kotlin/java tarafındaki thread’leri optimize ettim ve performans kaybını minimize ettim. Sonuç olarak, her zaman projenin ihtiyacına göre dégrad bir yaklaşım benimsemek gerektiğine inanıyorum – neyse ki Flutter, böyle durumlarda bize esneklik tanıyor.