web-component - shadow.appendChild 在 shadyDom 中较慢

Question

我正在尝试使用 WebComponents。我使用 Shady DOM 来处理尚不支持 Shadow DOM 的浏览器（Mozilla 和 IE）。

我发现ShadyDOM 中的shadow.appendChild 比ShadyDOM 慢得多。

这是 Shadow DOM 和 Shady DOM 的 JS Fiddles。

黑幕：https ://jsfiddle.net/lnaravindan/Lhrzapmt/3/

用过的

ShadyDOM = {force: true}; 

影子王国：https ://jsfiddle.net/lnaravindan/L74vju6m/4/

避免了ShadyDOM

ShadowDOM = { force: false}; // Default setting

您可以在两个小提琴中检查控制台，了解将内容附加到 Shadow Root 所花费的时间。

将内容附加到阴影的平均时间：

Shadow DOM 为 0.06 毫秒

Shady DOM 为 0.65ms

由于我有许多自定义元素，因此这种差异占了很大的比重。

对此有什么想法吗？