我应该将数据作为变量存储在javascript还是文本文件中？

Question

我正在创建网页，并且希望它显示随机文本。假设我有大约1000个句子，例如，我想从列表中选择一个随机句子。

哪一种更好的方法：将所有这些句子存储在javascript array中或将它们存储在文本文件中，然后使用javascript从文件中读取一行？

本质上，这对性能有何影响？以1000行为例，我想知道增加可变大小的一般方法。

期望的结果是，网页应该快速加载，并且在client side上不应占用大量计算资源。

请注意，页面是静态的，sentences是不可变的，并且随着时间的推移不会改变。

Answer 1

问题：

这两个选项中哪种方法最好？

选项1]]在JavaScript数组变量内包含1000个句子

Vs。

选项2：

在单独的文本文件中提供1000个句子（假定为json格式）'

---

答案：

影响Web应用程序性能的3个主要方面是：

1. 浏览器和服务器之间的网络呼叫数
2. 从服务器下载的数据量
3. 浏览器上运行的Javascript消耗的内存量

可以通过最小化和平衡上述方面来增强性能。

将1000个句子加载到一个数组变量中将减少网络调用的数量。因此，这是提高性能的一个很好的选择，只要满足以下条件，就可以：

1. 1000个句子的总大小很小（最多几个KB）

2. 向用户显示完整数据没有安全风险（如果所有数据都保存在变量中，则用户可以通过打开开发者控制台来查看所有句子。

如果句子很大，或者要求对用户隐藏其余999个句子，那么将这些句子保存在服务器上的单独json文件中并根据随机值仅提供其中一个句子的想法是更好的选择。

Answer 2

[如果您担心性能，那么将它们存储在数组中总是比将它们存储在文件中并读取它们要花费更多的成本，这将大大提高性能。

Answer 3

可以有一种方法：