JavaScript Memory Leaks and How To Fix Them
Vložit
- čas přidán 30. 06. 2024
- Memory Management in JavaScript is often not a topic, but to avoid Memory Leaks in your web apps it's crucial to have a good understanding of how the Garbage Collector works, what can cause a Memory Leak, and how to analyze Memory Leaks with Chrome DevTools. In this video, I'm going to explain all of that.
======⚡⚡⚡======
Get a 20% discount on Brilliant.org (to learn Science, Technology, Engineering, and Math): brilliant.sjv.io/kjVO2z
======⚡⚡⚡======
🙌 Become my Patreon and get exclusive perks: / softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: / gusgadirov
💻 Also, let's connect on GitHub: github.com/gusgad
📚 Resources:
Memory Management in JavaScript: developer.mozilla.org/en-US/d...
🕒 Timestamps:
(00:00) Memory Leaks explained
(03:57) Causes of a Memory Leak
(08:05) Identifying Memory Leaks
And don't forget to subscribe for more videos like this 😊 - Věda a technologie
![Understanding and Debugging Memory Leaks in Your Node.js Applications [I]](http://i.ytimg.com/vi/hliOMEQRqf8/mqdefault.jpg)
And how do YOU guys detect and overcome memory leaks in your projects? Feel free to share your approaches below 😎
This video is surely going to be a life saver for me, Thank you
This video is really helpful, you explained very deeply, thanks a lot!
Useful content with crystal clear explanation
You are so good with your explanation. Thank you.
Happy to hear mate! Let me know if there's any topic you'd like me to make a video about :)
wow this is a great video . I'm curious where did you learn how to use the developer tools for memory and performance ? I haven't used those tabs in my work but would love to do so in the future
Excellent and clear explanation, thanks:)
Thank you too, happy to hear! :)
Thanks, seems promising, ill try to use what i learned to identify and fix a mem leak at my now with it
such a great video, I'm looking forward to see more content like this, you got a new sub.
Happy to have you here, German :)
a GREAT explanation. thank you so much
Glad it was helpful!
Wow Thanks a lot. It's what I want to know
Great information and excellent presentation.
Glad it was helpful!
Awesome explanation 🎉
Thank you!
Hey bro! Awesome content. In your third approach you are deleting the property "delete nodes.btn". But "useStrict" doesn't allow us to use "delete". What can be other way to do that?
Hey hey, thanks for a great remark! Here's an article that I found, apparently it happens because the property is non-configurable. Maybe you can find something useful here :)
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_delete
Hello, with the setTimeout memory leak. Does no variable ever get garbage collected inside of setTimeout, or is it just references to dom elements that dont get cleaned up. If you had node set = to 10 would it still have been a memory leak?
Great explanation❤❤
Btw what is the tool u r using to draw and write ur explanation?
Thank you my friend!
It’s Excalidraw :)
Amazing video❤ The fact that it has so less views and engagement makes me kinda sad
Thanks for the kind words! 😊
Please do more browser dev tools stuff, especially performance in a big live site with loads of requests going on
I'm thinking about making a separate course on JS performance, so stay tuned!
@@SoftwareDeveloperDiaries great news, thank you!
great video. What tool are you using for this explanation
Excalidraw 😉
This pretty interesting, but when it comes to determine memory leaks in app like Angular, it very difficult to find it. Because it's huge amount of functions in it, and names like "lj, H9, Xv"... not sure what all those functions comes from.
Do you know how debug memory leaks in TypeScript apps? I believe it's after transpiler comes those names.
Yes, you're right, it's quite challenging to find memory leaks when using JS frameworks. My suggestion would be to monitor the memory while you interact with the app, to at least be able to pin down the problem. Also, in the "Performance" tab, you can stumble upon you own methods, among framework-native methods, if you look close enough.
Hi i have an issue with my nestjs application even there is no api calls from day 1,the cpu usage is increasing gradually, could you please share any idea how to fix that
Hi, I am from VietNam, thank you for your video but I have a problem with my node server, I don't know how to debug the memory leaks in that Please help me, thank you so much
Thank you very much Software Developer Diaries! Fuuuuuuuuuuuuu
wait what his name is foooo 👀😳🌬️🌬️🌬️?
Very use full video ..
Thank you :)