Уменьшить размер запрашиваемого файла или уменьшить количество вычислений браузера?

Question

У меня есть некоторые данные, которые я хочу отобразить на веб-странице. Там очень много данных, поэтому мне действительно нужно выяснить наиболее оптимизированный способ загрузки и разбора. В формате CSV размер файла составляет 244K, а в JSON - 819K. Как я понимаю, у меня есть три варианта:

1. Загрузка веб-страница и получать данные в формате CSV как запрос Ajax. Затем преобразуйте данные в объект JS в браузере (для этого я использую встроенный метод библиотеки D3.js).
2. Загрузите веб-страницу и извлеките данные в формате JSON в виде запроса Ajax. Данные готовы к работе как есть.
3. Жесткий код данных в основном JS-файле как объект JS. Нет необходимости в каких-либо асинхронных запросах.

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

Какой метод является лучшим в плане оптимизации?

Answer 1

По моему опыту, время обработки данных в Javascript обычно затмевается временем передачи и временем, которое требуется для отображения дисплея. Исходя из этого, я бы рекомендовал перейти с опцией 1.

Однако, что лучше всего в вашем конкретном случае действительно зависит от вашего конкретного случая - вам придется попробовать. Похоже, что у вас есть все коды/данные, которые вам нужно сделать, так или иначе, поэтому почему бы не запустить простой эксперимент, чтобы увидеть, какой из них лучше всего подходит для вас.