屬性聲明樣式與類名聲明樣式是否存在明顯的性能差異？

為什么說聲明樣式推薦使用class不推薦用[style]這種方式，一個常見的說法是說選擇[style]的渲染性能沒有.class好，這里我做了瀏覽器的渲染速度測試。

css

      .one {
        width: 100px;
        height: 50px;
        box-shadow: 1px 1px 1px 1px;
        margin: 50px;
      }

      .two {
        background: lavenderblush;
      }

      .three {
        color: lightblue;
        font-size: 15px;
      }
      [one] {
        width: 100px;
        height: 50px;
        box-shadow: 1px 1px 1px 1px;
        margin: 50px;
      }

      [two] {
        background: lavenderblush;
      }

      [three] {
        color: lightblue;
        font-size: 15px;
      }

.class

      let box = document.getElementById('box');
      let tpl = '';
      for (let i = 0; i < 5000; i++) {
        tpl += `<div class="one">div<p class="two">p</p><span class="three">span</span><i></i><em></em></div>`;
      }
      box.innerHTML = tpl;

[style]

      let box = document.getElementById('box');
      let tpl = '';
      for (let i = 0; i < 5000; i++) {
        tpl += `<div one>div<p two>p</p><span three>span</span><i></i><em></em></div>`;
      }
      box.innerHTML = tpl;

通過chrome的performance觀察發(fā)現(xiàn)Rendering的速度是差不多的。
那么在實踐中是什么樣的呢？是否真的存在明顯的性能差異？
是否有相關(guān)文檔可以查閱呢？