title: Prevent svg <use> elements being re-rendered when properties of other elements change in IE/Edge
body: <p>I'm trying to use svg 'use' elements as icons in a div that is a part of a div displayed as table. It will be much faster when those 'use' elements are loaded for the first time than creating an 'svg' element for each icon.</p>
  <p>However, when the properties of elements in other divs within the same table div, all the 'use' elements get re-rendered (see the below screenshot of IE profiler of a hover effect). So this makes interaction with other elements slower. And the re-render only happens in IE/Edge not in Chrome.
  <a href="https://i.stack.imgur.com/UkdBQ.png" rel="nofollow noreferrer">IE profiler</a></p>
  <p>Anyone happens to know how to prevent the 'use' elements being re-rendered?</p>