javascript - Javascript 对象性能中的数据

Question

我越精通 javascript，我就越想了解性能。例如，我有一个自动完成框，它会经常访问服务器以尝试自动完成用户请求。谷歌和大多数网站是如何增强他们的搜索的。现在我的问题是，如果我在 FB api 中查询朋友列表并将其存储在 javascript 对象中（+- 700 及其全名和用户 ID），这将如何影响性能？我无法想象这会比不断地向服务器发送请求更糟糕。将这些信息存储在本地，然后进行查询似乎更加熟练。在 javascript 对象中存储信息的界限在哪里。 我希望我的服务器尽可能少，并采用让客户端完成 80% 的工作而让服务器完成剩余的 20% 的理念。显然我希望客户体验流畅的应用程序。js ninjas 如何测试他们的应用程序的性能？

Answer 1

就减少网络延迟而言，最有效的解决方案是检索好友列表，使用类似 localStorage API 的方式存储它，并每隔一段时间在后台更新列表。将这个大小的列表保存在内存中实际上应该不会对页面性能产生太大影响（尽管在移动设备上可能并非如此）。如果某人有成千上万的朋友，那么您可能会看到速度变慢，尤其是在从 localStorage 读取数据时，但我仍然对此表示怀疑。

决定在哪里画线更难；这取决于很多因素。TBH 这是您可能只有在您的产品发布后才知道的事情，并且您的用户可以向您提供有关性能的反馈，从而允许您进行微调。A/B 测试在这方面可以提供很大帮助。