Vue.jsのリストレンダリングで件数が多くても重くならないようにしたい

Question

Vue.jsでで無限スクロールをできるようにしたのですが、件数が多くなるとリストの表示に時間がかかる上にスクロールが遅くなります。
Twitter LiteやiOSやAndroidのTwitterクライアントのように見えない部分をDOMから切り離すことで件数が多くても遅くならないようにする方法を考えているのですがわかりません。
また、リストのそれぞれの項目の縦の幅はツイートの長さによって異なるため、レンダリングするまでわかりません。
vue-virtual-scrollerを使うことを考えましたがリストのそれぞれの項目の大きさがあらかじめ決まっている場合にしか使えないため悩んでいます。
どのような解決方法があるか、具体的にご教授願えたら嬉しいです。

Answer 1

Vue.jsを使うと仕方のないことかもしれません。
v-forでのレンダリングで件数が多くなりすぎたときに重くなる現象を完全に解消できたことは今までの私の経験上ありません。
v-for内で子コンポーネントをレンダリングしたり、v-ifやv-showで条件付きレンダリングしたりすると顕著に重くなるということがあったので、v-forの中身はできる限り素のHTMLに近い状態で書くと多少軽減すると思います。

Vue.jsは双方向バインディングを実現する都合上、おそらく仮想DOM上の変更監視処理が多すぎて重くなっていくのではないかと思います。（実際そこまでソースを解析したことはないので推測ですが）
そうだとするとReactの方がちょっとマシかもしれません。
が、そのような比較をしたことがないので確約はできません。