Javascript 大型Html代码-页面响应时间非常慢

我正在开发一个web应用程序，其中我必须显示一个html表格，大约有400行和9列

应用程序中正在进行大量工作…（大量事件，不同视图） 它大约有1700行Jquery代码。尽管我使用-selectors缓存、使用适当的选择器、使用适当的事件委派、链接、参考jsperf测试几乎所有方法，对Jquery代码进行了优化，我使用过的选择器等。虽然页面的响应性有所提高，但仍然远远达不到要求。（严格的性能要求）

问题：对于每个表格单元格（td）都有一个单击事件打开引导模式。如果表中的行数为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:')
}

附言：我不能使用分页

---

任何处理过大数据集和大量jquery代码的人，以及他们为优化代码所做的事情（工具）…任何帮助都将不胜感激

这可能取决于模式的CSS。如果它有很多阴影、渐变等，那么浏览器可能会受到大型HTML结构的影响，并缓慢地呈现CSS。但是如果我是你，我也会看看显示模态的方法，比如@Kirk writed

点击事件的选择器是什么样的？有没有什么特别慢的功能？您提到了一个单击事件随着数据集的扩展而变慢，这使我认为慢是在显示模式本身的算法中。听起来，显示模式的代码取决于数据的大小，例如，当您单击时，它可能在每个单元格上循环。你可以发布与此相关的代码吗？@m0s:请检查编辑。@kirk:请检查编辑…同时…如何检查我函数中发生的事件的时间分布…我尝试使用chrome timeline…老实说，它超出了我的理解力我不理解你的cellZoom（）函数。为什么要传递3个参数而不使用它们？然后它只调用另一个函数？你还删掉了什么吗？