大型HTML代碼-頁面響應時間非常慢

Question

我正在使用一個Web應用程序 ，其中必須顯示一個約有400行9列 的html表 。

應用程序中發生了很多事情……（大量事件，不同的視圖）它有大約1700行的Jquery代碼。 盡管我在使用-選擇器緩存，使用適當的選擇器，使用適當的事件委托，鏈接，引用jsperf來測試幾乎所有方法，引用了我使用過的選擇器等各種文章中對Jquery代碼進行了優化，以達到閱讀的目的。該頁面已在一定程度上增加了，但仍遠遠超出了要求。 （嚴格的性能要求）

問題：對於每個表單元格（td），都有一個click事件，它將打開引導程序模式。 如果沒有。 表中的行數為50。模式打開時間為50.32ms ，如果表行大約為400，則模式打開時間為700ms （使用console.time測量時間）。 我表中的行數（html代碼）如何影響模式打開時間。 我怎樣才能解決這個問題？？

->這是我用來打開模式的代碼

$('#mainTable).on('click','.cell',function(){
       cellzoom(this);
 }); 

function cellzoom(obj,e,date) {
    console.time('cellzoom:')
    cellModal();
    console.timeEnd('cellzoom:')
}


function cellModal(){
//  $(mainloader).show();
    console.time('cellModal:')
    $(cellview).modal('show');
    console.timeEnd('cellModal:')
}

PS：我無法使用分頁

任何處理過大數據集和大量jquery代碼以及他們為優化代碼而做的事情（工具）的人……任何幫助將不勝感激！

Answer 1

可能取決於您的CSS模態。 如果它有很多陰影，漸變等，則瀏覽器可能會受大型HTML結構的影響，並且會緩慢呈現CSS。 但是，如果我是您，我還將查看顯示模態的方法，就像@Kirk寫道