是否有可能加速这个Ajax调用以用于数据存储？

Question

我的网站是https://usedlens.co.uk/

Google XHR标题详细信息您可以看到它调用https://usedlens.co.uk/data.cfc?method=getData

在生产中加载3.6MB的

• 需要12秒--加载22.9MB的

需要小于1秒

开发和生产的数据量大致相同，代码也是一样的。

我已经尝试过使用服务器端处理，它以3-4秒的速度加载数据，但是分页/搜索/排序都有相同的3-4秒响应时间。因此，我一直坚持ajax选项。

我的数据初始化

var resultsTable = $('#resultsTable').DataTable(
    {
        'serverSide': false,
        'deferRender': true,
         'ajax': {
            'url': 'data.cfc?method=getData'
         },
         'columns': [            
            { 'data': 'productname' },
            { 'data': 'price' },
            { 'data': 'retailersite' }
         ],
        'columnDefs': [
           { "targets": [1,2], "searchable": false },
           { "width":"10%","targets": [1]},
           { "width":"20%","targets": [2]}
         ]
    }
);

我用一个JSON文本文件替换了我的CFC源代码，它仍然需要8-11秒。

我还能做些什么来加快速度吗？

Answer 1

我切换到服务器端处理。

https://datatables.net/examples/server_side/

所以我只浏览了目前的记录(10/25/50/100)，而不是所有的50,000。

这不是我第一次尝试它，但这一次我修复了代码中的错误，导致它运行缓慢。

适当的实现，它工作得很好。