Javascript Dom操纵-视觉元素上的动画序列，每个周期内容更新

我有一个基本的网页，可以在后端查询新的/归档的推文。返回的tweetsJSON一次显示一条，从视口上方滑入视图，在中间暂停，然后滑出视口下方以显示下一条tweet。动画是通过对每个tweet项目应用一个Greensock tween，并将其附加到动画时间线上进行播放

正确处理这个问题的合适方法是什么？我主要关心的是如何插入/更新带有tweet项的DOM，以及我可能需要注意的或迎合内存/布局/渲染css/图像的任何性能问题

我对网络开发相当陌生。我当前的代码使用JQuery将每个tweet附加到容器div中，每个tweet都是positionedposition：固定在视口之外，可见性：hidden。我目前正在使用twttr.js库中的嵌入式tweets，由于iFrame引起的几个问题，这有点问题。我计划转换到我自己的html代码段+css/js

对于简单的html或来自模板引擎（如Handlebar或Dust）的html，像我目前使用iframe嵌入方法那样为tweet项目插入html是否仍然是一个好主意？我还没有使用过模板引擎，但我知道它们有一个叫做partials的特性，它可能比在我的JS文件中声明html和数据逻辑更有用

另一个我关心的问题是，当我当前添加tweet时，由于iframe嵌入的工作方式，它们的渲染速度有点慢，因此需要提前预加载/添加，如果操作动画序列timelinewind/fast forward/scrubing，则会保留在DOM中，因为如果添加/删除，必须再次重新加载。我已经看到，随着DOM中tweet数量的增加，除了内存之外，这还会导致动画的平滑度出现性能问题，我不确定会增加多少

从使用twitters-iframe-embeddessone-per-tweet切换到使用twitters-iframe-embeddessone可能会带来很大的不同。让每条推文添加的html堆积起来仍然是一个好主意吗？如果我有动画序列add/remove/Recycle我不确定我是否会从对象池中受益？对于每个tweet项目的html，我是否会一直使用CSS来进行布局/渲染，而不是定位在视口之外或切换可见性/显示属性？虽然我不打算匹配iframe Embeddes显示功能集，但我想为包含一个的tweet添加照片，因此高度是可变的