shadyDom中的shadow.appendChild较慢

Question

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

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

以下是JS Fiddles＆＃39;适用于Shadow DOM和Shady DOM。

Shady Dom：https://jsfiddle.net/lnaravindan/Lhrzapmt/3/

已使用

ShadyDOM = {force: true}; 

暗影Dom：https://jsfiddle.net/lnaravindan/L74vju6m/4/

通过

避免使用ShadyDOM

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

您可以检查两个小提琴中的控制台，查看将内容附加到影子根所需的时间。

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

Shadow DOM为0.06ms

Shady DOM是0.65ms

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

对此有何想法？