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
Here are some screenshots: http://www.browserstack.com/screenshots/089aea27a3d9d218ac220248e126f99f2b7dbbf2