Когда у меня что-то вроде этого:
<!DOCTYPE html>
<body id="bd">
</body>
<script src="script.js"></script>
</html>
Javascript:
var bd = document.getElementById("bd");
bd.innerHTML += '<svg>A HUG SVG CODE RIGHT HERE...........'
Когда мы сравниваем с кодом SVG, помещенным непосредственно в файл HTML, происходит ли это косвенная javascript запись SVG в Html выполняется медленнее или требует других «затрат» на страницу.