{"id":7896,"date":"2023-08-02T07:33:22","date_gmt":"2023-08-02T06:33:22","guid":{"rendered":"https:\/\/www.scichart.com\/?post_type=blog_scichart&#038;p=7896"},"modified":"2023-12-19T15:45:26","modified_gmt":"2023-12-19T15:45:26","slug":"debugging-javascript-webassembly-memory-leaks","status":"publish","type":"blog_scichart","link":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/","title":{"rendered":"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools"},"content":{"rendered":"<p>One of the decisions we took when building SciChart.js \u2013 our high-performance <a title=\"JavaScript Chart Library\" href=\"https:\/\/scichart.com\/javascript-chart-features\"><strong>JavaScript chart library<\/strong><\/a> \u2013 was to pioneer the use of <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/WebAssembly\">WebAssembly<\/a> with JavaScript. This allowed us to reuse our C++ code base targeting OpenGL and WebGL which had already been well tested on our windows and mobile versions of SciChart, and bring our award-winning technology into the browser.<\/p>\n<p>The main benefits of our unique tech stack are not only code-reuse and efficiency, but also enabling extremely performant charts &amp; data visualisation for our users. SciChart.js is the <a href=\"https:\/\/www.scichart.com\/blog\/scichart-is-the-fastest-js-chart-library-available-and-why-that-matters-in-todays-world\/\"><strong>fastest JavaScript chart library<\/strong><\/a> available for plotting big data, and in some cases outperforms traditional HTML5 Canvas or SVG charts by over 100x. SciChart enables a whole host of applications in JavaScript: such as embedded systems, scientific applications and medical applications, that were previously impossible. Having a faster chart component also means more it&#8217;s efficient: the library can be run on devices with lower power processors, meaning a cheaper cost of production for embedded systems.<\/p>\n<p>The technology of <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/WebAssembly\">WebAssembly<\/a> with JavaScript is fantastic, but it doesn&#8217;t come without its challenges which we will go into below, and then talk about our solutions.<\/p>\n<h2>JavaScript vs. WebAssembly Memory Model<\/h2>\n<p>WebAssembly has a completely different memory model to JavaScript. While JavaScript has a garbage collector, which automatically cleans up the memory of variables which are no longer required, WebAssembly simply does not. An object or buffer declared in Wasm memory must be deleted by the caller, if not a memory leak will occur. Memory leaks can occur in both JavaScript and WebAssembly, and care and attention must be taken by the developer to ensure that memory is correctly cleaned up when using SciChart.js.<\/p>\n<h3>How Memory Leaks are caused in JavaScript<\/h3>\n<p>Despite being a Garbage-Collected managed programming language, it&#8217;s still extremely easy to create a memory leak just in vanilla JavaScript. Here are a couple of ways that is possible to inadvertently leak memory in a JavaScript app:<\/p>\n<ul>\n<li>Arrow functions and closure can capture variables and keep them alive, so they cannot be deleted by the JavaScript garbage collector<\/li>\n<li>Callbacks or event listeners can capture a variable and keep it alive.<\/li>\n<li>Global variables or static variables to stay alive for the lifetime of the application. Simply forgetting to use let or const can convert a variable to a global variable.<\/li>\n<li>Even detached DOM nodes can keep objects alive in JavaScript. Simply removing a node from the DOM but keeping a variable to it can prevent the node and it&#8217;s children from being collected.<\/li>\n<\/ul>\n<h3>How Memory Leaks are caused in WebAssembly<\/h3>\n<p>Wasm has a separate heap to the JavaScript virtual machine. This memory is allocated in the browser, and reserved from the host OS. When you allocate memory in Wasm, the Wasm heap is grown and a range of addresses are reserved. When you delete memory in Wasm, the heap does not shrink and <strong>memory is not returned to the host OS<\/strong>. Instead the memory is simply marked as deleted or available. This means it can be re-used by future allocations.<\/p>\n<p>To cause a memory leak in WebAssembly you simply need to allocate memory and forget to delete it. Since there is no automatic garbage collection, finalisation or marking memory as no longer needed, it must come from the user. SciChart.js has a function <strong>.delete()<\/strong> on objects that use Wasm memory. This needs to be called when the object is no longer required, for example:<\/p>\n<pre><code class=\"language-javascript\">\/\/ Create a SciChartSurface\nconst { wasmContext, SciChartSurface } = await SciChartSurface.create(&quot;divId&quot;);\n\n\/\/ Add axis and series\nsciChartSurface.xAxes.add(new NumericAxis(wasmContext));\nsciChartSurface.yAxes.add(new NumericAxis(wasmContext));\n\nsciChartSurface.renderableSeries.add(new FastLineRenderableSeries(wasmContext, {\n   dataSeries: new XyDataSeries(wasmContext, { \n       xValues: [0,1,2,3], \n       yValues: [4,5,6,7] \n   })\n});\n\n\/\/ When finished with the chart ... \n\/\/\n\nsciChartSurface?.delete();\nsciChartSurface = undefined;<\/code><\/pre>\n<p>This brings a new challenge to JavaScript developers using SciChart.js as it is simply not commonplace to have to manage and delete memory when building a JavaScript application. Forgetting to call <strong>.delete()<\/strong> in your application can over time leak memory.<\/p>\n<h3>Memory Fragmentation in WebAssembly<\/h3>\n<p>To add to this, we recently learned much more about the WebAssembly memory model. In the current version of WebAssembly, allocation and deletion of memory is more basic than counterparts like Java or C#.<\/p>\n<p>Wasm&#8217;s memory model, if used incorrectly, can result in memory fragmentation. Imagine that you allocate an array of 10,000 numbers (64-bit floating point values). This requires 80,000 bytes of continuous memory to be available. Once you have finished with the buffer and you delete it this memory is now marked as free and can be reused. However if you now need to allocate an array of 11,000 numbers, requiring 88,000 bytes of continuous memory, it will not fit into the previous space. So the Wasm heap must grow in size to 168,000 bytes. Over time, memory can become fragmented and you can end up with a large heap of allocated memory in WebAssembly that cannot be fully utilised.<\/p>\n<p>C# .NET and Java solve this by having heap compaction during garbage collection. When the GC is run, periodically the entire application execution is paused, and the heap is defragmented or compacted. This keeps memory usage low, but at the expense of your application stuttering momentarily. We recently learned that WebAssembly does not compact the heap, so we have to be extra careful about allocations and deletions and use of memory in order to keep your application running smoothly.<\/p>\n<h2>Detecting Memory Leaks in JavaScript<\/h2>\n<p>SciChart.js v3.2 ships with a number of <a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/webframe.html#MemoryLeakDebugging.html\">memory debugging tools<\/a> that can notify you if you have incorrectly cleaned up variables, or forgotten to delete WebAssembly memory or objects that have been declared.<\/p>\n<blockquote><p>Read the full guide over at the <a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/webframe.html#MemoryLeakDebugging.html\">SciChart.js Documentation: Memory Leak debugging<\/a><\/p><\/blockquote>\n<h3>Enabling Memory Leak Debugging Tools<\/h3>\n<p>Enabling memory leak debugging is possible by setting the static property\u00a0<a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/typedoc\/classes\/memoryusagehelper.html#ismemoryusagedebugenabled\">MemoryUsageHelper.isMemoryUsageDebugEnabled<\/a>\u00a0= true.<\/p>\n<div class=\"i-filtered-content-CS\" data-title=\"CS\" data-itemid=\"CS\">\n<pre><code class=\"language-javascript\">import { MemoryUsageTracker } from &quot;scichart&quot;;\n\nMemoryUsageHelper.isMemoryUsageDebugEnabled = true;<\/code><\/pre>\n<p>After enabling the memory usage helper you should see a message in the console output like this:<\/p>\n<\/div>\n<p><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.scichart.com\/documentation\/js\/current\/images\/MemoryDebugging_Warning.png\" \/><\/p>\n<h3>Tracking Undeleted Objects<\/h3>\n<p>Once\u00a0<a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/typedoc\/classes\/memoryusagehelper.html\">MemoryUsageHelper<\/a>\u00a0is enabled, the memory usage debugging tool has two features:<\/p>\n<ul>\n<li>It adds helpful warnings to the JS Console when executing actions which may result in a potential memory leak or undesirable behaviour.<\/li>\n<li>It wraps objects implementing\u00a0<a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/typedoc\/interfaces\/ideletable.html\">IDeletable<\/a>\u00a0interface and native entites created in WebAssembly into a proxy &#8211; and will keep records of them in an\u00a0<a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/typedoc\/classes\/objectregistry.html\">ObjectRegistry<\/a>\u00a0instance &#8211;\u00a0<a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/typedoc\/classes\/memoryusagehelper.html#objectregistry\">MemoryUsageHelper.objectRegistry<\/a>.<\/li>\n<\/ul>\n<p>This allows you to track the state of the registry and be notified on stray objects that have either not been garbage collected (where the solution is to ensure all references to that object have become detached), or be notified of objects that you&#8217;ve forgotten to delete (where the solution is to call .delete()).<\/p>\n<p>You can then get the state of the object registry at any time by calling:<\/p>\n<pre><code class=\"language-javascript\">MemoryUsageHelper.objectRegistry.log();<\/code><\/pre>\n<p>Now read the Chrome Dev tools console to uncover reasons for leaked Wasm memory.<\/p>\n<p><img decoding=\"async\" class=\"size-full alignnone\" src=\"https:\/\/www.scichart.com\/documentation\/js\/current\/images\/MemoryDebugging_LogOutput.png\" \/><\/p>\n<p style=\"text-align: center;\"><em><strong>Above<\/strong>: Sample screenshot from SciChart.js&#8217; JavaScript memory leak detection tool. For more info see <a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/webframe.html#MemoryLeakDebugging.html\">Documentation: Memory Leak Debugging<\/a><\/em><\/p>\n<h2>Other Improvements in SciChart.js Memory handling<\/h2>\n<p>We&#8217;ve made a few other improvements in SciChart.js v3.2 and above, in how we handle memory, making this the most efficient version of SciChart.js ever.<\/p>\n<ul>\n<li>Now when the last chart is deleted there is an option to clear and completely garbage collect the entire SciChart.js WebAssembly memory, returning it to the host OS. Take a look at <a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/webframe.html#MemoryBestPractices.html\">Documentation: Memory Best Practices<\/a> for further info.<\/li>\n<li>We&#8217;ve added a<a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/webframe.html#WhatsNewSciChartJs3-2.html\"> FIFO and Sweeping modes<\/a> in v3.2 to DataSeries to prevent memory fragmentation when scrolling large datasets.<\/li>\n<li>There is also a <a href=\"https:\/\/www.scichart.com\/documentation\/js\/current\/webframe.html#TutorialReusableReactComponent.html\">Best Practice Guide for React Lifecycle<\/a> which shows how to correctly create\/delete a SciChartSurface in React.<\/li>\n<\/ul>\n<blockquote>\n<h2>Start using SciChart.js Today<\/h2>\n<p>SciChart.js is now available with a <a href=\"https:\/\/www.scichart.com\/getting-started\/scichart-javascript\"><strong>FREE community edition<\/strong><\/a> (no trial, sign-up or credit card required) where you can try out the library commercially or use it in a non-commercial application. If you have a question, or would like to give feedback, contact us.<\/p>\n<p style=\"text-align: center;\"><a class=\"button\" href=\"https:\/\/scichart.com\/contact-us\">CONTACT US<\/a><a class=\"button\" href=\"https:\/\/www.scichart.com\/getting-started\/scichart-javascript\/\">GET SCICHART.JS FREE<\/a><\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>One of the decisions we took when building SciChart.js \u2013 our high-performance JavaScript chart library \u2013 was to pioneer the [&hellip;]<\/p>\n","protected":false},"author":37,"featured_media":8114,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","blog_scichart_tag":[11,15],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools - SciChart<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools - SciChart\" \/>\n<meta property=\"og:description\" content=\"One of the decisions we took when building SciChart.js \u2013 our high-performance JavaScript chart library \u2013 was to pioneer the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\" \/>\n<meta property=\"og:site_name\" content=\"SciChart\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/scichart\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-19T15:45:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1344\" \/>\n\t<meta property=\"og:image:height\" content=\"809\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@scichart\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\"},\"author\":{\"name\":\"Andrew Burnett-Thompson\",\"@id\":\"https:\/\/www.scichart.com\/#\/schema\/person\/903b030934442297fd094f66159ea0d2\"},\"headline\":\"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools\",\"datePublished\":\"2023-08-02T06:33:22+00:00\",\"dateModified\":\"2023-12-19T15:45:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\"},\"wordCount\":1280,\"publisher\":{\"@id\":\"https:\/\/www.scichart.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg\",\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\",\"url\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\",\"name\":\"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools - SciChart\",\"isPartOf\":{\"@id\":\"https:\/\/www.scichart.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg\",\"datePublished\":\"2023-08-02T06:33:22+00:00\",\"dateModified\":\"2023-12-19T15:45:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage\",\"url\":\"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg\",\"contentUrl\":\"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg\",\"width\":1344,\"height\":809,\"caption\":\"Debugging Memory Leaks in JavaScript and WebAssembly\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.scichart.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blogs\",\"item\":\"https:\/\/www.scichart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.scichart.com\/#website\",\"url\":\"https:\/\/www.scichart.com\/\",\"name\":\"SciChart\",\"description\":\"WPF Charts, iOS Charts, Android Charts, JavaScript Chart\",\"publisher\":{\"@id\":\"https:\/\/www.scichart.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.scichart.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.scichart.com\/#organization\",\"name\":\"SciChart\",\"url\":\"https:\/\/www.scichart.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.scichart.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.scichart.com\/wp-content\/uploads\/2022\/11\/scichart-logo-1.png\",\"contentUrl\":\"https:\/\/www.scichart.com\/wp-content\/uploads\/2022\/11\/scichart-logo-1.png\",\"width\":312,\"height\":69,\"caption\":\"SciChart\"},\"image\":{\"@id\":\"https:\/\/www.scichart.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/scichart\",\"https:\/\/x.com\/scichart\",\"https:\/\/www.youtube.com\/scichart\",\"https:\/\/www.linkedin.com\/company\/scichart\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.scichart.com\/#\/schema\/person\/903b030934442297fd094f66159ea0d2\",\"name\":\"Andrew Burnett-Thompson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.scichart.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b376d1a4c69e640acb874ff01952a48e?s=96&d=https%3A%2F%2Fwww.scichart.com%2Fwp-content%2Fuploads%2F2022%2F12%2Fdefault-avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b376d1a4c69e640acb874ff01952a48e?s=96&d=https%3A%2F%2Fwww.scichart.com%2Fwp-content%2Fuploads%2F2022%2F12%2Fdefault-avatar.jpg&r=g\",\"caption\":\"Andrew Burnett-Thompson\"},\"description\":\"CEO \/ Founder of SciChart. Masters (MEng) and PhD in Electronics &amp; Signal Processing. Follow me on LinkedIn for more SciChart content, or twitter at @drandrewbt.\",\"sameAs\":[\"https:\/\/www.scichart.com\",\"https:\/\/www.linkedin.com\/in\/dr-andrew-burnett-thompson\/\",\"https:\/\/x.com\/drandrewbt\"],\"url\":\"https:\/\/www.scichart.com\/author\/andrew\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools - SciChart","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/","og_locale":"en_GB","og_type":"article","og_title":"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools - SciChart","og_description":"One of the decisions we took when building SciChart.js \u2013 our high-performance JavaScript chart library \u2013 was to pioneer the [&hellip;]","og_url":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/","og_site_name":"SciChart","article_publisher":"https:\/\/www.facebook.com\/scichart","article_modified_time":"2023-12-19T15:45:26+00:00","og_image":[{"width":1344,"height":809,"url":"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@scichart","twitter_misc":{"Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#article","isPartOf":{"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/"},"author":{"name":"Andrew Burnett-Thompson","@id":"https:\/\/www.scichart.com\/#\/schema\/person\/903b030934442297fd094f66159ea0d2"},"headline":"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools","datePublished":"2023-08-02T06:33:22+00:00","dateModified":"2023-12-19T15:45:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/"},"wordCount":1280,"publisher":{"@id":"https:\/\/www.scichart.com\/#organization"},"image":{"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg","inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/","url":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/","name":"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools - SciChart","isPartOf":{"@id":"https:\/\/www.scichart.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage"},"image":{"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg","datePublished":"2023-08-02T06:33:22+00:00","dateModified":"2023-12-19T15:45:26+00:00","breadcrumb":{"@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#primaryimage","url":"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg","contentUrl":"https:\/\/www.scichart.com\/wp-content\/uploads\/2023\/08\/debug-memory-leak-javascript-webassembly.jpg","width":1344,"height":809,"caption":"Debugging Memory Leaks in JavaScript and WebAssembly"},{"@type":"BreadcrumbList","@id":"https:\/\/www.scichart.com\/blog\/debugging-javascript-webassembly-memory-leaks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scichart.com\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/www.scichart.com\/blog\/"},{"@type":"ListItem","position":3,"name":"Debugging JavaScript and WebAssembly Memory Leaks using the SciChart.js debug tools"}]},{"@type":"WebSite","@id":"https:\/\/www.scichart.com\/#website","url":"https:\/\/www.scichart.com\/","name":"SciChart","description":"WPF Charts, iOS Charts, Android Charts, JavaScript Chart","publisher":{"@id":"https:\/\/www.scichart.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scichart.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.scichart.com\/#organization","name":"SciChart","url":"https:\/\/www.scichart.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.scichart.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.scichart.com\/wp-content\/uploads\/2022\/11\/scichart-logo-1.png","contentUrl":"https:\/\/www.scichart.com\/wp-content\/uploads\/2022\/11\/scichart-logo-1.png","width":312,"height":69,"caption":"SciChart"},"image":{"@id":"https:\/\/www.scichart.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/scichart","https:\/\/x.com\/scichart","https:\/\/www.youtube.com\/scichart","https:\/\/www.linkedin.com\/company\/scichart"]},{"@type":"Person","@id":"https:\/\/www.scichart.com\/#\/schema\/person\/903b030934442297fd094f66159ea0d2","name":"Andrew Burnett-Thompson","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.scichart.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b376d1a4c69e640acb874ff01952a48e?s=96&d=https%3A%2F%2Fwww.scichart.com%2Fwp-content%2Fuploads%2F2022%2F12%2Fdefault-avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b376d1a4c69e640acb874ff01952a48e?s=96&d=https%3A%2F%2Fwww.scichart.com%2Fwp-content%2Fuploads%2F2022%2F12%2Fdefault-avatar.jpg&r=g","caption":"Andrew Burnett-Thompson"},"description":"CEO \/ Founder of SciChart. Masters (MEng) and PhD in Electronics &amp; Signal Processing. Follow me on LinkedIn for more SciChart content, or twitter at @drandrewbt.","sameAs":["https:\/\/www.scichart.com","https:\/\/www.linkedin.com\/in\/dr-andrew-burnett-thompson\/","https:\/\/x.com\/drandrewbt"],"url":"https:\/\/www.scichart.com\/author\/andrew\/"}]}},"_links":{"self":[{"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/blog_scichart\/7896"}],"collection":[{"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/blog_scichart"}],"about":[{"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/types\/blog_scichart"}],"author":[{"embeddable":true,"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/comments?post=7896"}],"version-history":[{"count":0,"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/blog_scichart\/7896\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/media\/8114"}],"wp:attachment":[{"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/media?parent=7896"}],"wp:term":[{"taxonomy":"blog_scichart_tag","embeddable":true,"href":"https:\/\/www.scichart.com\/wp-json\/wp\/v2\/blog_scichart_tag?post=7896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}