设计缺陷？一页网站，加载内容的选项卡答案

【问题标题】：Design flaw? One page website, tabs that load content设计缺陷？一页网站，加载内容的选项卡
【发布时间】：2012-12-17 04:11:54
【问题描述】：

我有一个带有许多选项卡的简单 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 的情况下加载内容

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

【问题讨论】：

标签： html ajax web-applications

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

您可以添加书签，并将选项卡用作页面，即使使用 AJAX，感谢hashchange。 An example plugin, Demo

【解决方案3】：

这是一个good article，它总结了您的要求。

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

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

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

1.0 秒大约是用户思想流保持不间断的极限，即使用户会注意到延迟。一般，在超过 0.1 的延迟期间不需要特殊的反馈，但不到1.0秒，但用户确实失去了操作的感觉直接在数据上。

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

【讨论】：