Javascript 弹出窗口的数量是否影响页面加载速度？

我有一个页面，可能有2000个使用Bootstrap4的弹出窗口

弹出框的数量会影响页面速度吗？我对javascript框架了解不够，无法理解加载10个弹出框是否与加载2000具有相同的效果。这就是我想理解的

---

弹出窗口的内容是通过javascript加载的。

我曾经使用过一种方法来尽量减少此类事件的影响，即使用单个弹出窗口/modal/dialog/等等。。然后在它显示之前更改了它的内容。这样，在DOM中就不会有额外的2k个元素，而这些元素99%的时间都不做任何事情

我制作了一个使用

选择器的bootstrap popover示例，并通过在父元素上启用它来授权。看来他们可能已经解决了任何开销问题

如果检查示例的主体，您将看到在主体显示时附加一个popover div，然后在隐藏时将其删除


$（函数（）{
var$table=$（“#测试”）；
对于（变量i=0；i<20；i++）{
变量行=$（''）；
对于（var j=0；j<100；j++）{
var td=$（''）.attr（{id：（i*100）+j，tabindex:-1}）；
行。追加（td）；
}
$table.append（行）；
}
$table.popover({
是的，
容器：'主体'，
触发器：“焦点”，
选择器：“td”，
内容：函数（）{
返回“这是我的id:”+$（This.attr（'id'）+”
”；
}
});
});
td{
高度：25px；
宽度：25px；
边框：1px纯黑；
}

popors？你是说像modals吗？@WilomGfx我的意思是：页面上HTML元素的数量会影响“页面速度”，因为浏览器必须将它们全部加载到DOM中。因为“popover”可能是DOM的一部分，是的，它们会影响性能。与大多数性能问题一样，最好的答案是自己测试它。@MikeMcCaughan因此，如果我理解正确，唯一的开销就是DOM。javascript实际上并没有在加载时对所有的弹出窗口进行处理。所以我的想法是对的，对不起这里的noob状态，它确实在页面加载时解析DOM？这就是页面加载；解析DOM，在引用其他资产时加载这些资产。请注意，也会有JS开销，因为引导（或其他）需要跟踪所有这些popover。我只是说，至少，加载2000个弹出框需要的内存比加载10个要多。可能还有其他开销。再说一次，在你的具体情况下，自己测试这个是唯一可以确定的方法。如果我有2k个不同的元素要添加popover，你能详细介绍一下它是如何工作的吗？因为缺乏知识而真诚地询问。这如何减少DOM元素的数量？我从来没有使用过引导式弹出窗口。试着给你举个例子。有了它我会编辑的。很棒的技巧！感谢您提供了一个很好的示例，并对我的问题有了很好的理解。这是否也适用于不使用javascript构建的表？是的，我认为会。这种方法的一个优点是，在标记html中没有那些讨厌的
数据废话。