როგორ გაასწორებდით თქვენს კოდში მეხსიერების ნაკადს?

თქვენ შეძლებთ წყაროს გამოვლინებას ბრაუზერის განვითარების ინსტრუმენტების (Timeline / Performance, Memory) გამოყენებით.

საკმაოდ გავრცელებული მეხსიერების გაჟონვის მიზეზები:

• ობიექტებზე ჩამოკიდებული ბმულები:
  • დავიწყებული დროის გამრჩევები (setInterval, setTimeout), რომლებიც ბმულს აძლევენ ობიექტებს.
  • გაურკვეველი მოვალეობის დამუშავების მექანიზმები, რომლებიც არ არის გამორთული (removeEventListener).
  • კავშირები, რომლებიც ინარჩუნებენ გარე ცვლადებს მეტხანს, ვიდრე საჭიროა.
  • DOM ელემენტები, რომლებიც ამოღებულია დოკუმენტიდან, მაგრამ ბმულები რჩება JavaScript-ში.

// დავიწყებული დროის გამრჩევის გამო გაჟონვის მაგალითი
const leakyObject = {
  data: 'ზოგი მონაცემი'
};

setInterval(() => {
  console.log(leakyObject.data); // leakyObject ვერ იკრიფება გარბეჯის გროვით
}, 1000);

• დიდი მონაცემთა სტრუქტურები:
  • ძალიან დიდი მასივების ან ობიექტების შექმნა და შენახვა, როდესაც შეიძლება გამოიყენოს ინტერატორები ან სტრიმინგი.
• კეშების არასწორი გამოყენება:
  • კეშები, რომლებიც უსასრულოდ იზრდებიან, გარეშე განდევნის სტრატეგიის (LRU, LFU და ა.შ.).
• მხოლოდ მხარის ბიბლიოთეკებიდან გაჟონვები:
  • დოკუმენტაცია ან ბიბლიოთეკების კოდი შემოწმება, პოტენციური პრობლემების გამოსავლენად.

შესწორება:

1. ** მოვალეობების და დროის გამრჩევების გაუქმება:** დარწმუნდით, რომ ყველა მოვალეობის დამუშავებელი გამორთულია და დროის გამრჩევები გაწმენდილია, როდესაც კომპონენტი ან ობიექტი განადგურდება.

// სწორი გაწმენდა დროის გამრჩევის
const leakyObject = {
  data: 'ზოგი მონაცემი'
};
let timerId;

function startTimer() {
  timerId = setInterval(() => {
    console.log(leakyObject.data);
  }, 1000);
}

function stopTimer() {
  clearInterval(timerId); // დროის გამრჩევის გაწმენდა
}

2. ბმულების ნულოვანი გახადეთ: მკაფიოდ ნულოვდება დიდი ან არასასურველი ობიექტების ბმულები, რათა გარბეჯის გროვა შეძლოს მათ გაწმენდა.
3. WeakMap და WeakSet გამოყენება: ობიექტების შენახვა, რომლებიც შეიძლება ამოღებული იყოს გარბეჯის გროვით, როდესაც სხვა ძლიერი ბმულები არ არის.
4. მონაცემთა სტრუქტურების ოპტიმიზაცია: უფრო ეფექტური სტრუქტურების ან მიდგომების გამოყენება (მაგალითად, მაცდური დატვირთვა).
5. კეშების ზომის შეზღუდვა: განდევნის სტრატეგიების დანერგვა.
6. ბიბლიოთეკების განახლება ან შეცვლა: თუ პრობლემა მესამე მხარის ბიბლიოთეკაშია, განაახლეთ ან მოძებნეთ ალტერნატივა.

შეცდომის შემდეგ, კვლავ გამოიყენეთ განვითარების ინსტრუმენტები, რათა დაადასტუროთ, რომ გაჟონვა არ არსებობს.