ajax тормоза
 

на странице есть див, в этот див аяксом грузится 3000 элементов, каждый элемент это див с текстом
3000 элементов генерятся на сервере, и затем отдаются клиенту в виде строки
проблема в том что при их рендеринге браузер подвисает
как ускорить? кроме уменьшения количества элементов

Можно избавиться от необходимости выводить на страницу 3к элементов.
Можно попробовать отрисовывать контент постепенно (с timeout).
Можно попробовать увеличить вычислительные мощности устройства, которое вы насилуете.

Реализовать листание, если это какой-то список... Тогда можно подгружать информацию кусками. Но это все можификации одного подхода

уменьшить количество не подходит на данном этапе
как вариант это отрендерить первые 100 видимых итемов а дальше рендерить постепенно по 100 штук с таймаутом
это возможно?

Да. :yes:

Но даже получение сразу большого количества данных не есть хорошо. Запрос "по соточке" с последующей отрисовкой всяко лучше... ;)

как такое сделать?
счас у меня сделано так

<script id="leadTemplate" type="text/x-jquery-tmpl">

<div class="draggable-item" id="${id}">


    <div class="min-hd" id="${id}">

    {{if status==1}}
    <input type='checkbox' value='{id}' class='raw' />
    {{/if}}

    ${retail}
    </div>


    <div class="item">${name}</div>

    <div class="item">${phone}</div>

    <div class="item">${cel}</div>

    <div class="item">{{html email}}</div>

</div>

</script>

 $("#leadTemplate").tmpl(data.leads).appendTo('.box-min-'+data.status+' .main_box');

Получив данные, добавляешь первый кусок на страницу... Остальные денные передаешь в функцию, которая запустится через setTimeout().