Web应用程序中的性能低迷

Question

我正在开发一个基于CodeIgniter的Web应用程序，其界面允许您通过ajax操作数据库记录。呈现给用户的每个数据库记录都有几个由jquery侦听器处理的交互式按钮。例如，当有800条记录显示给用户时，该应用程序执行快速。当有6000+时，应用程序会慢慢爬行。尝试与其中一个记录进行交互时，页面基本冻结了10秒以上的滞后时间。

我在页面加载时加载所有记录而不是逐步加载，以允许即时搜索/过滤列表并加快其他一些功能。当包含6000条记录时，页面上的HTML总计最多为1mb。是否有一个简单的性能修复，或者是将大量的html加载到浏览器中并使用jquery观看它并不是一个好主意？

我的主要听众点击记录的示例：

$(document).on('click', '.c:not(.ha, .sr, #u .c)', function() {
    var id = $(this).closest('.c').attr("data-id");
    getRecord(id);
});