javascript - 加载页面以提高性能的最佳方法

Question

我有一个联系人列表，将 5 列显示为网格。单击每一行，向下滑动以显示联系人详细信息，这是另外 10 个标签。我对使用两种方法感到困惑:

1. 一次拉取所有联系人和联系人详细信息，并在用户点击时显示/隐藏部分。
2. 只拉一次联系人网格。并在用户点击时使用 ajax 显示联系人详细信息。

联系人可以是 100 到 1000 之间的任何值。

谢谢你的帮助

Answer 1

如上文所述，基于您的场景的最佳性能方法:

1. 为您的网格分页 - 不要一次显示 1000 个联系人，并适本地编写您的 SQL。

2. 只显示加载的网格。

3. 使用 AJAX 拉取联系人数据并根据需要显示。

---

虽然可能值得检查 - 用户是要查看他们列出的每个人的详细联系信息，还是一次只查看单例？可能会影响您如何看待执行此操作的方式。