title: Minimizing browser reflow/re-rendering
body: <p>I'm currently working on some code for my master's thesis. I've a few questions regarding effective DOM manipulation.</p>
  
  <p>1) Consider you had to perform a bunch of DOM manipulation on a number of nodes that are close to each other. Would it make sense to make a deep copy of the topmost parentNode of all of those nodes (and keep it outside the DOM), perform the manipulations on that subtree and then swap it with it's counterpart in the DOM. Would this minimize browser reflow/re-rendering?</p>
  
  <p>2) Is changing the innerHTML of a node more/less performant than manipulating it's subtree?</p>
  
  <p>3) Is there any more good advice you can give me on efficient DOM manipulation in vanilla javaScript (without any frameworks/libraries)?</p>
  
  <p>Thank you in advance!</p>