Front end performance enhancements, the 3 snapshot technique

There are many variables that affect the performance of a website in the front end (website template), and one of them is memory leaks, which can eventually make your website unresponsive and the browser to crash.

The GMail team developed a workflow few years ago, called the “three snapshot” technique,  to eliminate memory leaks in GMail, using  the Chrome DevTools Heap Profiler and Timeline Memory view.  In the following video, Loreena Lee and John McCutchan explain in detail the way memory works inside JavaScript (JavaScript objects, the object graph, the memory poolgarbage collection) and how to profile the usage of memory using the DevTools.