Что лучше с точки зрения производительности, SVG или просто HTML элементы?

Question

[vaskadogana]

Есть куча плееров на странице (скриншот ниже), данны планирую обновлять через вебсокет, сам плеер реализован как компонент на React.js.
Чёт заморочился, вроде где то читал, что браузеру меньше вычислений придется делать, если изминения будут происходить внутри svg.
p.s. по большому счету из подвижных элементов только полоса прогресса, но таких плееров может быть под сотку.

Answer 1

[Максим Тимофеев]

На самом деле производительность больше зависит от кривых рук. Но если допустить, что Вы одинаково хорошо владеете html, js и svg, то делать внутри svg приоритетнее. Особенно если у Вас куча одинаковых элементов, то "use" просто незаменим.

Comments

[vaskadogana]

Увы но нет, html ближе да и полегче будет...
Про производительность имел ввиду, следующее, например в калькуляции canvas браузер считает только там внутри, а остальной DOM не трогает. В свг такого не происходит?

[Максим Тимофеев]

vaskadogana, Мы про svg и html говорили, откуда canvas взялся? Да и смотреть надо на реальном примере. В том же canvas совсем разные яйца перемещение объекта и отрисовка в новом месте. Много нюансов и говорить оторвано от конкретной ситуации нельзя.