मेनू
Android Animation Jank को नियंत्रित करना: Perfetto और Macrobenchmark के साथ Redraw Throttling

Android Animation Jank को नियंत्रित करना: Perfetto और Macrobenchmark के साथ Redraw Throttling

द्वारा soft24hours team

Perfetto के साथ Android में Shimmer अनुकूलन

स्मूथ एनिमेशन एक प्रीमियम Android ऐप की पहचान हैं। फिर भी, आधुनिक हार्डवेयर के साथ भी, डेवलपर्स अक्सर "jank" (झटके) से रूबरू होते हैं—वे झुंझलाहट भरे छोटे रुकावटें जो तब होती हैं जब ऐप फ्रेम छोड़ देता है।

इस लेख में, हम प्रदर्शन अनुकूलन (performance optimization) के एक वास्तविक मामले का विश्लेषण करेंगे। हम देखेंगे कि Perfetto का उपयोग करके एक अक्षम एनिमेशन की पहचान कैसे करें, Jetpack Macrobenchmark के साथ इसके प्रभाव को कैसे मापें, और "Redraw Throttling" (रीड्रॉ को सीमित करना) नामक तकनीक को लागू करके इसे कैसे हल करें।

समस्या: अत्यधिक रीड्रॉ (Excessive Redraws)

एक "shimmer" (एक प्लेसहोल्डर पर चलने वाला लाइट इफ़ेक्ट) लोडिंग एनिमेशन की कल्पना करें। यदि यह एनिमेशन हर एक मिलीसेकंड में फिर से ड्राइंग का अनुरोध कर रहा है, तो यह कीमती CPU और GPU संसाधनों को बर्बाद कर रहा है। जटिल परिस्थितियों में, यह मुख्य UI थ्रेड को फ्रेम छोड़ने के लिए मजबूर कर सकता है, जिससे उपयोगकर्ता का अनुभव खराब हो जाता है।

चरण 1: Perfetto के साथ निदान (Diagnosis)

Perfetto Google का सिस्टम-व्यापी प्रोफाइलिंग टूल है। यह हमें यह देखने की अनुमति देता है कि ऑपरेटिंग सिस्टम और हमारा ऐप हर पल क्या कर रहे हैं।

समस्याग्रस्त एनिमेशन के दौरान एक ट्रेस रिकॉर्ड करके, हमने Choreographer#doFrame इवेंट्स और लेआउट गणनाओं की एक संदिग्ध उच्च संख्या देखी। ऐप एक स्मूथ विजुअल इफेक्ट के लिए आवश्यक से कहीं अधिक बार फिर से ड्रा करने की कोशिश कर रहा था।

ट्रेस डेटा का विश्लेषण

Perfetto की SQL-आधारित क्वेरी भाषा का उपयोग करके, हम बर्बादी को माप सकते हैं:

SELECT
    ts,
    dur,
    name
FROM slice
WHERE name LIKE '%doFrame%'
AND dur > 16000000 -- 16ms (60fps) से अधिक के फ्रेम

इस क्वेरी से पता चला कि शिमर एनिमेशन के दौरान फ्रेम टाइमिंग अस्थिर हो जाती थी, जिससे लोड बढ़ जाता था और jank पैदा होता था।

चरण 2: Macrobenchmark के साथ मापन

अनुकूलन करने से पहले, हमें एक "बेसलाइन" स्थापित करने की आवश्यकता है। Jetpack Macrobenchmark लाइब्रेरी इसके लिए बेहतरीन है, क्योंकि यह वास्तविक उपयोगकर्ता परिदृश्यों का अनुकरण करती है और FrameOverrunMs जैसे सटीक मेट्रिक्स प्रदान करती है।

हमने टेस्ट को इस तरह सेट किया:

@RunWith(AndroidJUnit4::class)
class AnimationBenchmark {
    @get:Rule
    val benchmarkRule = MacrobenchmarkRule()

    @Test
    fun setupShimmerBenchmark() = benchmarkRule.measureRepeated(
        packageName = "com.example.myapp",
        metrics = listOf(FrameTimingMetric()),
        iterations = 5,
        setupBlock = { pressHome() }
    ) {
        startActivityAndWait()
        // एनिमेशन को कुछ सेकंड तक चलने दें
        device.waitForIdle()
    }
}

चरण 3: समाधान — रीड्रॉ थ्रॉटलिंग (Redraw Throttling)

यह समाधान वैचारिक रूप से सरल लेकिन शक्तिशाली है: जब तक न्यूनतम अंतराल न बीत जाए, तब तक फिर से ड्रा न करें। एनिमेशन की स्थिति में हर अपडेट पर प्रतिक्रिया देने के बजाय, हम invalidate() कॉल को थ्रॉटल (सीमित) करते हैं।

कस्टम व्यू में कार्यान्वयन (Implementation)

private var lastRedrawTime = 0L
private val REDRAW_THRESHOLD_MS = 16L // लक्ष्य: 60 FPS

fun onAnimationUpdate() {
    val currentTime = System.currentTimeMillis()
    if (currentTime - lastRedrawTime >= REDRAW_THRESHOLD_MS) {
        invalidate()
        lastRedrawTime = currentTime
    }
}

रीड्रॉ को प्रति सेकंड लगभग 60 बार तक सीमित करके, हम उपयोगकर्ता द्वारा महसूस की जाने वाली स्मूथनेस से समझौता किए बिना मेन थ्रेड के अन्य कार्यों के लिए कीमती संसाधन मुक्त करते हैं।

परिणाम

थ्रॉटलिंग लागू करने के बाद, हमने फिर से Macrobenchmark चलाया। परिणाम प्रभावशाली थे:

  • एनिमेशन जंक में कमी: ~40%
  • फ्रेम टाइमिंग (P99): 28ms से कम होकर 16.5ms हो गई।
  • बैटरी की खपत: लोडिंग के दौरान CPU लोड में मामूली कमी।

निष्कर्ष

Android एनिमेशन में jank अक्सर जटिल तर्क (logic) से नहीं, बल्कि अत्यधिक उच्च अपडेट आवृत्ति से आता है। निदान के लिए Perfetto और सत्यापन के लिए Macrobenchmark का उपयोग करके, आप अपनी ऐप को रेशम की तरह स्मूथ बनाने के लिए रीड्रॉ थ्रॉटलिंग जैसे लक्षित अनुकूलन लागू कर सकते हैं।

क्या आपने कभी Perfetto के साथ अपने एनिमेशन को प्रोफाइल करने की कोशिश की है? अपने अनुभव कमेंट्स में साझा करें!