listview - JQM：妥当な時間内に100個のアイテムのネストされたリストビューをレンダリングする方法

Question

JQMを使用して、それぞれが平均4つのサブアイテムを持つ最大100〜120のアイテムを含むネストされたリストビューを表示する必要があります。これは私が使用する関連コードです（データはgetJSON（）呼び出しから取得されます）：

var groups = [];
$.each(data, function(i, group) {
    groups.push("<div data-role='collapsible' data-collapsed='true'><h3 class='group-title'>" + group.group + "</h3>");
    $.each(group.items, function(j, item) {
        groups.push("<li class='news-item'><a href='http://exaple.com'>" + item.des + "</a></li>");
    });
    groups.push("</div>");
});
$('<ul/>', {
    'html': groups.join('\n'),
}).
attr("id", "list").
appendTo("#content");
$("#list").trigger('create');

私のそれほどローエンドではないAndroidモバイルでは、wifi接続では、レンダリングに56秒かかります!!!

動的にレンダリングしています。静的htmlファイルとして保存されたレンダリングされたページ（ここで確認できます）は22秒でレンダリングされます（これはオプションではありませんが、まだかなりの時間がかかります...）。

JQMはネストされたリストビューの廃止について話し合ったので、私もそれらを削除することを考えています。

それらを置き換えるためにどのアプローチを提案しますか？先ほど言及した議論で、彼らは「私たちの標準ページモデルで同じ効果を達成できる」と示唆していますが、私はそれが非常に一般的だと思います：あなたはもっと具体的な提案/例がありますか？