如何从json文件更快地加载到数据表中？

Question

这是我的json文件（包含5000个项目）：

{
    "data": [{
            "name": "file1.html",
            "date": "2019-01-29T20:33:57.00163Z",
            "size": "348"
        },
        {
            "name": "file2.xml",
            "date": "2019-01-29T20:33:57.000167Z",
            "size": "401"
        },
        {
            "name": "file3.html",
            "date": "2019-01-29T20:33:57.000171Z",
            "size": "1314"
        }
    ]

}

我正在这样加载它：

var table = $('.table').DataTable({
  "pageLength": 10,
  "data":{{ output.data|raw }},

但是这真的很慢，要花10秒才能将数据表加载到我的页面上。

所以我尝试了服务器端方法：

var table = $('.table').DataTable({
    "pageLength": 10,
    "processing": true,
    "serverSide": true,
    "ajax": "{{ absolute_url(asset('files/data.json')) }}",

但是现在加载速度甚至更慢...分页不再起作用。

是否有机会提高性能？

Answer 1

当您处理客户端大型数据集（大体上我定义为超过1000个时，您可能希望为数据表数据切换到服务器端数据的实现。

table = $('#example').DataTable( {
serverSide: true,
deferLoading: 57
ajax: {
  url:"files/data.json",
  },
 });

Datatables Server-Side Documentation

Pipeline data for reducing ajax call on pagination