javascript - 静态 Webstie - 渲染下拉 Json 数据

Question

对于静态网站，我们需要显示预定义/组织的 json 数据（>50MB）的下拉列表。问题是在启动页面时加载所有数据，杀死用户的浏览器（无响应）。如何以有效且成本优化的方式处理此问题？

目前网站使用纯html和js。

模型页面如下所示：

示例 Json 层次结构数据：

{
  "level-1": [
    {
      "level-2-1": [
        {
          "level-3-2-1-1": "value1",
          "level-3-2-1-2": "value2"
        }
      ],
      "level-2-2": [
        {
          "level-3-2-2-1": "value1",
          "level-3-2-2-2": "value2"
        }
      ]
    }
  ]
}

提前致谢。