減少請求的文件大小或減少瀏覽器計算的數量？

Question

我有一些要顯示在網頁上的數據。 有很多數據，所以我真的需要找出最優化的加載和解析方法。 CSV格式的文件大小為244K，JSON格式的文件大小為819K。 如我所見，我有三種不同的選擇：

1. 加載網頁並作為Ajax請求以CSV格式獲取數據。 然后在瀏覽器中將數據轉換為JS對象（我正在使用D3.js庫的內置方法來完成此操作）。
2. 加載網頁並作為Ajax請求以JSON格式獲取數據。 數據准備就緒。
3. 將主JS文件中的數據硬編碼為JS對象。 無需任何異步請求。

方法一的優點是減小了文件大小，但缺點是必須循環瀏覽器中的所有（2700）行數據。 第二種方法為我們提供了最終格式的數據，因此不需要繁瑣的客戶端操作。 但是，JSON文件的大小很大。 方法三的優點是跳過對服務器的其他請求，而缺點是初始頁面加載時間較長。

在優化方面，哪種方法最好？

Answer 1

以我的經驗，Javascript中的數據處理時間通常與傳輸時間和呈現顯示所花費的時間相形見war。 基於此，我建議選擇選項1。

但是，實際情況中的最佳選擇確實取決於您的具體情況-您必須嘗試。 聽起來您已經擁有執行此操作所需的所有代碼/數據，所以為什么不運行簡單的實驗以查看哪個最適合您。