Does injecting the SVG before everything, right after opening the <body> hinders page render performance?
Moving the injected SVG to the head solves the render issue, what would happen with page render performance, validation and compatibility (ie)?
PS: live example: http://codepen.io/rhawbert/pen/uAKfw
@SaraSoueidan you are welcome! :) the only concern about placing it in head would be slightly increased html parsing time, because it parsed from top to bottom, but should be negligible. So it more about page load time but not rendering performance. I think it is better to preserve display:none property, to prevent it to be in rendering tree. Placing it in the head tag automatically does that, because everything inside it doesn't render by default