Javascript:在创建/附加到DOM时注册*每个* DOM元素

为了在每个网站上保持正确和高度响应的GUI覆盖，我需要尽快注册和分析每个相关的DOM元素。目前我正在使用MutationObserver，它为我完成了这项工作并简化了，它看起来像这样:

var observer = new MutationObserver(
    function(mutations){
        mutations.forEach(
            function(mutation){
                if(mutation.type == 'childList')
                {
                    var nodes = mutation.addedNodes;
                    var n = nodes.length;
                    for(var i = 0; i < n; i++)
                    {
                        if(nodes[i].nodeType == 1) // ELEMENT_NODE
                        {
                            // Save it in specific Array or something like this
                            AnalyzeNode(nodes[i]);
                        }
                    }
                }
            }
        );
    }
);
var config = {subtree: true, childList: true}; 
observer.observe(document, config);

但是我已经意识到，所使用的MutationObserver并没有为包含在DOM中的每个节点调用AnalyzeNode。当一个已经完成的(子)树是在DOM之外创建的(例如，通过在页面加载时执行外部JS脚本)，你把它的根添加到DOM 突变。addedNodes将只包含子树的根，它的所有子树都不会被注意到(因为那里不会发生进一步的变化)，它们是DOM的一部分，但没有被分析。

我想检查附加的节点是否已经具有childNodes以将其标识为附加子树的根，但不幸的是，似乎每个 adddednode 在调用MutationObserver的函数时都可能具有子节点。这样就没有区别了

我真的不想在MutationObserver处理父节点的时候对添加节点(父节点)的每个子节点进行双重检查。大多数情况下，当子节点本身在另一个发生的突变中成为 adddednodes 的一部分时，子节点将由MutationObserver处理，并且开销似乎变得不必要的高。

此外，我考虑了一组节点，它们的子节点必须在MutationObserver调用之外进行分析。如果添加的节点追加到DOM后有子节点，则该节点被添加到Set中。当发生另一个突变并且它的一个子节点是 adddednodes 的一部分时，它的子节点通过使用mutation从集合中删除其父节点。目标——这是父节点(突变)。type必须为childList)。这种方法的问题在于何时检查Set中节点的子节点(以及我可以查询文档的事实)。getElementsByTagname为每个相关的元素类型，而不是维护一个Set，但是时间问题仍然存在)。请记住，它应该尽快保持覆盖响应和适合网站。文档的onreadystatechange和添加新的脚本节点到DOM(作为外部JS代码执行时的指示器)的组合可能甚至适用于网站，重新创建其内容的一部分(我正在看你duckduckgo搜索结果页面)。但这似乎是一个变通办法，并不能在100%的情况下解决问题。

那么，有没有其他更有效的方法?或者，如果稍微改变一下，这些方法是否就足够了?非常感谢!

EDIT1:网站渲染由CEF内部完成，GUI渲染由c++/OpenGL使用上述Javascript代码获取的信息完成。