0

我有一个带有许多选项卡的简单 Web 应用程序。当用户单击选项卡时，使用 AJAX 加载选项卡内容。但是，它需要< 1s加载一些选项卡，因此从用户的角度来看，一开始没有内容（只是将通过 AJAX 填充的空输入）

$('#my-tab').on('click', function() {
   // load content
});

$('#another-tab').on('click', function() {
   // load some different content
});

为了解决这个问题，我可以：

1) 使用一些 AJAX 微调器通知用户有内容但即将加载

2) 改用 HTML 表单，以便在没有 AJAX 的情况下加载内容

什么是正确/最佳/常见的解决方案？非常感谢。

4

3 回答 3

1

这是一篇很好的文章，总结了您的要求。

在优化 Web 和应用程序性能时，需要牢记 3 个主要时间限制（由人类感知能力决定）。

根据为普通用户加载内容所需的大致时间，您可以应用此做法：

0.1 秒大约是让用户感觉到系统在瞬间做出反应的极限，这意味着除了显示结果之外不需要特殊的反馈。

1.0 秒大约是用户思维流保持不间断的极限，即使用户会注意到延迟。正常情况下，在大于 0.1 秒小于 1.0 秒的延迟期间不需要特殊的反馈，但用户确实会失去直接对数据进行操作的感觉。

10 秒大约是让用户的注意力集中在对话上的极限。对于更长的延迟，用户将希望在等待计算机完成时执行其他任务，因此应向他们提供反馈，指示计算机何时完成。如果响应时间可能变化很大，则延迟期间的反馈尤其重要，因为用户将不知道会发生什么。

于 2013-01-02T19:51:27.077 回答
0

使用微调器。始终向用户显示有关操作的一些反馈。即使他需要等待，他也想知道。如果您不显示任何内容，则用户认为他或网站有问题。

于 2013-01-02T19:44:15.950 回答
0

我更喜欢微调器，但缺点是由于 AJAX，用户将无法为选定的选项卡添加书签。如果您不使用 AJAX，而是使用提交的表单（通过 GET）或只是简单的链接，那么它可以被正确地添加书签。

于 2013-01-02T19:49:39.813 回答