Javascript 从DOM和it中添加/删除元素'；s对绩效的影响

我目前正在从事一个项目，该项目涉及向用户显示记录表。每个记录都有可能显示多个嵌入式youtube视频。 最初，我加载了所有嵌入的iFrame，并根据活动记录进行了显示/隐藏。这显然是可怕的表现

我目前的解决方案是加载一个占位符图像，然后在用户单击图像时将iframe注入dom。这对于第一次加载非常有效，但是如果用户加载第二条记录，并且必须在第二个iframe中加载，则性能开始受到影响

我已经尝试使用

$('iframe').remove();

但是，这似乎没有提供任何性能优势。有没有一种方法可以在单击新记录时删除上一个iframe，从而有效地执行此操作

---

谢谢

您是否用5个iFrame或30000个iFrame进行了测试？如果是5，你不会注意到任何解决方案的任何性能改进。我用几个iFrame测试了这一点。可悲的是，这几项技术的性能下降是显而易见的。我想如果我可以从DOM中删除它，它会提高性能，但它似乎会留在内存中，并导致性能下降。。。