Databases
StackOverflow2013
Postsdbo
POPossible memory leaks using Web Workers (Garbage Collector)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPossible memory leaks using Web Workers (Garbage Collector)
    primarykey
    data
    text
    <p>I have an app which calls web worker after the button click. The calculations are moved to worker to relieve UI and make it responsive to user actions while calculations are being made.</p> <p>Everything goes okay and after about 0.8-1.5s the worker sends a response. In worker.onmessage i perform all the needed DOM actions. But after this GC appears and practically blocks the UI for 2 or more seconds depending on CPU. This is really confusing me, because UI blocking is what i want to prevent.</p> <p>Here's the screenshot of timeline/memory console tab: <a href="https://i.imgur.com/zUoHa.jpg" rel="noreferrer">http://i.imgur.com/zUoHa.jpg</a></p> <p>As you can see GC events happen just after all DOM manipulations. Actually there's only one repaint event (DocumentFragment is used).</p> <p>main js code:</p> <pre><code>var sortWorker = new Worker('js/contactsorter.js'); sortWorker.onmessage = function(e) { var messages = []; e.data.forEach(function(userDoc) { var contactSection = _drawContact(userDoc); messages.push(contactSection); }); meta.append(messages); // this actually appends document fragment as a child }; sortWorker.postMessage(postMessageData); </code></pre> <p>contactsorter.js (worker):</p> <pre><code>onmessage = function(e) { var uid, output = [], usersStat = {}; // calculations... postMessage(output); close(); }; </code></pre> <p>Is there any way to avoid these GC events in this place or not?</p> <p>UPD: it seems to me that GC event(s) time depends on data amount that was sent to worker. UPD2: After shutdown and boot GC events happen only twice thus blocking UI for less than a second. Hm?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDmitrii Sorin
    1. USDmitrii Sorin
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPossible memory leaks using Web Workers (Garbage Collector)
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POPossible memory leaks using Web Workers (Garbage Collector)
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POPossible memory leaks using Web Workers (Garbage Collector)
      1. This table or related slice is empty.
      1. VTUpMod
    1. COHow big are the objects? How many? What sort of numbers are we talking? What DOM nodes are you creating? Do the GC event scale linearly with the number of contacts that are sorted?
      singulars
      1. POPossible memory leaks using Web Workers (Garbage Collector)
      1. USPaul Grime
    2. COJSON.stringify says it's about 2M.These are objects which have objects as their children. After worker response (it outputs an array) i create DocumentFragment and append approx. 400 "div" elements to it. Afterwards i append fragment to DOM. Regarding the last question - i need to rewrite my code to make the test, so i'll comment this a bit later. Btw: new UPD
      singulars
      1. POPossible memory leaks using Web Workers (Garbage Collector)
      1. USDmitrii Sorin
    3. CORegarding the last question: no, GC event doesn't scale according to data amount. Moreover, i can't even find it on the timeline http://i.imgur.com/psGpr.png though for this period of time the UI is being clocked.
      singulars
      1. POPossible memory leaks using Web Workers (Garbage Collector)
      1. USDmitrii Sorin
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload