Я тестирую свой код, который работает с динамическими таблицами в Firefox.Таблицы, с которыми я играю, имеют длину ~ 1000 строк и генерируются из результатов поиска в JSON с помощью шаблонизатора.
Результирующая строка похожа на <table><thead>..., а затем я помещаю таблицу в элемент-заполнитель следующим образом: $('#holder').html(str).
Первый поиск отображается быстро, в то время как следующие очень медленные.И кажется, что большую часть времени занимает очистка заполнителя.
То есть, если я помещаю $('#holder').html("") или $('#holder').empty() перед размещением новой таблицы, тогда этот очистка занимает много времени, и рендеринг самой новой таблицы происходит так же быстро, как и раньше.
Говоря о числах, рендеринг занимает всего 90 миллисекунд, тогда как очистка занимает 16 секунд.
Я написал это jsfiddle: http://jsfiddle.net/cJGR3/2/
Если вы последовательно нажмете «Проверить меня», вы заметитеэта очистка займет большую часть времени.
Как я могу решить эту проблему?