Эффективный способ отображения большого количества информации в Javascript

Question

Я постоянно перетягиваю список (более 200) записей с удаленного сервера и показываю их в таблице (много частей данных в строке). Данные изменяются и со временем меняются. Самый эффективный способ использования JS для экрана. По мере изменения данных я просто уничтожаю DOM и повторно обрабатываю новые данные; есть ли список идентификаторов, которые будут просто обновлять правильные записи tr dom?

Его уже отсортированы и отфильтрованы, чтобы быть правильной информацией (на стороне сервера), поэтому просто показывая ее пользователю, с которым я связан.

Любые предложения были бы полезными. Я использую jQuery для своих запросов, но это можно изменить. Мне нужно знать самый быстрый (латентный) способ потянуть этот большой набор данных и отобразить его в табличном формате.

Редактировать: В этом случае невозможно разбиение на страницы.

Редактировать 2: Бэкэнд - это Python (WSGI), работающий в балансировщике нагрузки и способный вымывать 600 бит/с. Данные доступны только как JSON, а бэкэнд - скорее API.

Answer 1

Вы используете таблицы HTML? Когда-то назад я пересек блог Microsoft из команды IE, в котором указано, что таблицы рендеринга медленны. Очень медленно. Повторное рендеринг всей таблицы каждый раз, вероятно, будет медленнее, чем обновление его значений, но это только моя догадка.

На самом деле, мое мнение здесь заключается в том, что значения обновления будут быстрее, чем элементы повторного рендеринга на странице. Чтобы оптимизировать вашу задержку, вы можете сохранить хэш объектов, сопоставленных, поэтому вам не нужно искать DOM каждый раз, когда вы обновляете значения.

Answer 2

Мне очень нравится «Live Image Search», который предоставляет больше данных при прокрутке вниз.

Answer 3

Если ваш список данных становится действительно большим, подумайте о том, чтобы не отображать все эти данные для пользователя за один раз (если это возможно в вашей ситуации). Мало того, что пользователь заблудится, глядя на столько данных, но браузеру придется отобразить весь список и замедлить работу.

Вы не упомянули, какую технологию на стороне сервера вы используете. Если вы находитесь в .Net, есть несколько элементов управления ASP.Net, которые используют пейджер данных (например, вид сетки). Существует также объект PagedDataSource, который вы можете использовать в использовании (который может использоваться с любым элементом управления ASP.Net, имеющим свойство DataSource). Оба будут разбивать ваши данные на страницы, и только просматриваемая страница будет отображаться за один раз. Это значительно уменьшает задержку.