title: Should I remove an element when it is out of viewport?
body: <p>Should I remove an element dynamically using jQuery (or pure JS if that's faster) when it is translated out of viewport and won't enter it again? Does that improve memory usage or performance? Or should I ignore it to be removed by the garbage collecter because it does it best (if it does it in essence)?</p>
  
  <p>EDIT: To make it clearer, here is a practical explanation:</p>
  
  <p>Let's say I have 100 circles having their translateX animated:</p>
  
  <pre><code>$("circle").each(function(i, el){
      $(el).animate({translateX: -100});
  });
  </code></pre>
  
  <p>Now all the circles are out of viewport (since SVG's coordinate system starts at the top left 0,0). Should my code have removing in it, as in the following:</p>
  
  <pre><code>$("circle").each(function(i, el){
      $(el).animate({translateX: -100}, {complete: function()
      $(el).remove();
  });
  });
  </code></pre>
  
  <p>??</p>