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

时间:2014-02-21 16:30:41

标签: javascript html ajax

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

  1. 立即拉出所有联系人和联系人详细信息,并在用户点击时显示/隐藏部分。
  2. 仅拉一次“联系人”网格。点击后,点击显示联系人详细信息,用户点击。
  3. 联系人可以是100到1000之间的任何地方。

    感谢您的帮助

2 个答案:

答案 0 :(得分:2)

基于上述方案的最佳效果方法:

  1. 选择网格 - 不要一次显示1000个联系人,并正确编写SQL。

  2. 仅显示网格上载。

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


  4. 可能值得检查一下 - 用户是否会查看他们列出的每个人的联系方式,或者只针对单个人一次?可能会影响您如何看待这样做。

答案 1 :(得分:0)

第一种方法会使整个页面加载更慢,但每次点击时都会立即显示联系人详细信息。第二个会加快页面加载速度,但每个联系人详细信息节目加载时间会稍长(如果用户有正常的互联网连接,可能会有不明显的差异)。