30/08/2025
ساعات اليوزر يفتّح الموقع اللي انت عامله، يلاقي الصفحة تقيلة، الجهاز بيهنّج، أو الموبايل يسخن ويشتمك 😂
هنا بيكون السبب غالبًا حاجة اسمها Memory Leak.
الموضوع ببساطة إن في جزء من الكود بيحجز مساحة من الذاكرة وما بيرجعهاش للنظام بعد ما يخلص استخدامه. النتيجة؟ الموقع يفضل يستهلك رامات الجهاز مع مرور الوقت.
طب إيه المشاكل اللي بتحصل بسبب Memory Leaks فعلًا؟
- بطء تدريجي في التطبيق : كل ما الذاكرة تتملي أكتر، الـ performance يقل.
- تهنيج (Lags) : المستخدم يحس إن كل حاجة بقت تقيلة.
- استهلاك عالي للـ RAM : الجهاز نفسه يتأثر خصوصًا في الموبايل.
- كراش مفاجئ : المتصفح ممكن يقفل الصفحة لو حس إنها مستهلكة موارد بشكل مبالغ فيه.
🕵️♂️ أمثلة عمليه بسيطه :
function saveData() {
data = new Array(1000000).fill("😅");
}
setInterval(() => {
console.log("still running...");
}, 1000);
const el = document.getElementById("myDiv");
طب ايه الحل في الأمثله السابقه ؟
- استخدم let و const، وابتعد عن globals.
- امسح الـ intervals و timeouts بعد ما تخلص.
- لما تشيل عنصر من الـ DOM اتأكد إنك مسحت أي reference له.
وطبعاً في أسباب تانيه كمبرمج لازم تاخد بالك من الحتة دي وتكتب كود نظيف بيحرر الـ memory أول بأول.
