Javascript web应用程序性能缓慢

我正在开发一个基于CodeIgniter的web应用程序，它有一个界面，允许您通过ajax操作数据库记录。呈现给用户的每个数据库记录都有几个由jquery侦听器处理的交互按钮。比如说，当有800条记录显示给用户时，应用程序会执行snappy。当有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);
});

---

我有一个类似的方法，有超过100万条记录，我使用。加载、过滤和排序是通过ajax完成的，它工作得非常好。如何为这些按钮注册事件jquery侦听器？你能举个例子吗？@Vaviloff，我已经为这些按钮提供了一个侦听器示例。