Как я могу быстрее загрузить из файла 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 Документация на стороне сервера

Данные конвейера для сокращения ajax вызов нумерации страниц