TwitterのTLのようにスクロールすると次々と追加読み込みするようなページを作りたいのですが、上部のプルダウンで表示する情報(TLみたいなリスト情報)を切り替えられるようにします。
プルダウンで選択した表示中の情報はスクロールする度に追加読み込みします。
もし、その途中でプルダウンが切り替えられたら、表示内容を切り替えて新しく表示された情報をスクロールのたびに追加読み込みします。
いったん読み込んだ情報は非表示のものも含めてDOMに追加したままです。
この場合、読み込みの上限は設定してある程度読み込んだらそれ以上読み込めないようにすべきなのでしょうか？

レスポンシブのページでPC、スマホ、タブレットいずれでも表示出来るようにしたいのですが、制限する必要がある場合、バイト数、DOMエレメントの数、どういった制限か分からないのですが、それぞれ、どれくらいで止めるべきなのでしょうか？
ブラウザ毎にも影響しそうな気はしますが、御教示ねがいます。