तुमची अॅप कालांतराने हळू होत आहे. स्क्रोल पोझिशन उडी घेते. टॅब्स ८०० MB RAM वापरत आहेत. तुम्ही Task Manager उघडता आणि Chrome ला मेमरी बफे दिवसासारखी खाताना पाहता. काहीतरी leak होत आहे — पण कुठे? Chrome DevTools Memory tab समोरच आहे, आणि बहुतेक डेव्हलपर्स एकतर ते दुर्लक्षित करतात किंवा एकदा उघडतात, “Shallow Size” आणि “Retainers” पाहून गोंधळतात, आणि शांतपणे बंद करतात. हे मार्गदर्शक त्यांच्यासाठी आहे जे ते खरोखरच वापरायला शिकू इच्छितात.
तुमचे वेब अॅप कदाचित अशा गोष्टी करत आहे ज्या तुम्ही कधी प्रत्यक्षात डीबग केल्या नाहीत. वापरकर्त्याने काही क्लिक करण्यापूर्वीच पेजेस प्री-रेंडर होत आहेत, ऑफलाइन असताना फॉर्म सबमिशन्स शांतपणे रांगेत लावल्या जात आहेत, झोपलेल्या सर्व्हिस वर्कर कडे पुश नोटिफिकेशन्स येत आहेत, सेशन्स हार्डवेअर कीजना क्रिप्टोग्राफिकली बांधल्या जात आहेत — हे सर्व Chrome च्या background service APIs द्वारे होते, पूर्णपणे अदृश्यपणे. Chrome DevTools मधील Background Services पॅनेल म्हणजे तुम्हाला हे सर्व शेवटी पाहता येण्याची जागा.
हे तीनही संकल्पना लोक एकमेकांत गोंधळून देतात. तुम्ही हे शब्द सतत एकत्रित वापरले जाताना पाहता, लोक या शब्दांचा वापर एकाच अर्थाने करतात, आणि बहुतांश लेख हे गोंधळून देतात किंवा फरक तांत्रिक भाषेत लपवून देतात. येथे ते खरेतर काय आहेत, ते का वेगळे आहेत, आणि कधी वापरायचे हे आहे. [1]
डिबाउन्सिंग: वादळ जाईपर्यंत प्रतीक्षा करा डिबाउन्सिंग निष्क्रियतेच्या अवधीनंतर अंमलबजावणी विलंबित करते.
कल्पना करा की कोई व्यक्ती शोध बॉक्समध्ये टाइप करत आहे. प्रत्येक की दाब एक घटना आहे. डिबाउन्सिंग न केल्यास, तुम्ही प्रत्येक की दाबावर API विनंती पाठवाल — वर्ण 1, वर्ण 2, वर्ण 3, इत्यादि. हे अकार्यक्षम आहे.