提取静态数据的最佳方法

时间:2019-12-03 10:19:26

标签: javascript json ajax reactjs performance

考虑一下,我有一个动物园应用程序,可以显示每个城市的所有动物园。每个城市都是一个带有动物园列表的页面。 在我当前的解决方案中,在每个页面上,我都会对服务器进行ajax调用,该服务器会提取该特定城市的动物园列表。

对于我来说,性能非常重要,我的想法是删除ajax调用,并将其替换为将存在于应用程序中的JSON对象。这样,我将保存对服务器的呼叫,并且我相信数据将更快地到达。

此解决方案有意义吗?大约有40个城市,每个城市约有50个动物园。 考虑数据是静态的,永远不会改变。

2 个答案:

答案 0 :(得分:1)

由于900条记录不多**,因此您可以在初始加载时立即获取所有记录,并按城市过滤所有记录数组,这样,由于客户端js处理远,您的用户体验将更加流畅优于n / w延迟。

**-注意:严格考虑〜900的数据集大小

其他解决方案可以是-将数据缓存在会话范围内,并且如果没有特定的请求,请在城市范围内检查会话范围内的可用性,如果不存在,则进行n / w呼叫。

答案 1 :(得分:0)

我认为正确的问题是我的表现要求是什么?

因为您可以将所有数据写入json对象,并且无需任何ajax调用即可在客户端执行所有操作,但是在这种情况下,当任何客户端访问您的页面时,它将下载所有数据。那是另一个问号