html元素使用 style 属性或者 class 定义样式，渲染效率区别如何？

某个操作会批量生成上万个以下元素，添加到页面上进行显示：

1. style 设置行内样式

<span style="color:#999;">76371902_p0.png</span>

2.使用 class （预先定义了这个 class， color:#999）
<span class="color999">76371902_p0.png</span>

哪种渲染更快？为何？
（之前因为元素数量多，渲染时间太长导致页面假死）