यूज़र बताते हैं कि ऐप जितनी देर खुला रहता है उतना धीमा होता जाता है। आप इसका पता कैसे लगाएंगे?

यह पैटर्न किसी leak या बेलगाम बढ़त की तरफ इशारा करता है। DevTools में एक ही यूज़र flow के बाद दो जगहों पर heap snapshots लें, retained sizes की तुलना करें और देखें कि detached DOM nodes को कौन पकड़े हुए है। आम वजहें हैं ऐसे listeners और subscriptions जो कभी हटते नहीं, unmount के बाद भी चलते timers, ऐसे caches जो कभी खाली नहीं होते, और बड़े objects पकड़ने वाले closures। इलाज यह है कि component ने जो भी बनाया उसे हटाया जाए।

पहले मैं पक्का करूंगा कि मामला memory का ही है, कुछ और नहीं, तो मैं performance monitor खुला रखकर वही flow दोहराऊंगा जो यूज़र बताते हैं, और heap तथा listener और node की गिनती देखूंगा। अगर वे चढ़ते जाएं और forced collection के बाद भी नीचे न आएं, तो यह leak है। फिर मैं एक heap snapshot लेता हूं, flow दस बार चलाता हूं, दूसरा लेता हूं, और retained size से तुलना करता हूं। detached DOM nodes ही असली सुराग हैं, और retainer path बता देता है कि उन्हें कौन पकड़े हुए है। व्यवहार में यह लगभग हमेशा कुछ ऐसा होता है जो बिना मेल खाती सफाई के बनाया गया: window पर resize या scroll listener, कोई socket subscription, कोई interval, या ऐसा observer जो component से ज़्यादा जीता है। मुझे एक ऐसा मामला मिला जहां किसी chart library ने हर render पर listener जोड़ा और unmount पर सिर्फ एक हटाया, तो हर navigation के साथ गिनती बढ़ती गई। इलाज का पैटर्न उबाऊ पर कारगर है: जो कुछ effect में बनता है वह अपनी cleanup लौटाता है, और हर cache को हमेशा बढ़ते रहने की जगह एक आकार की सीमा मिलती है।