什么被认为是对网页的快速或慢速加载

Question

我刚刚构建了一个网页，它使用了几个不同的JavaScript元素。我只是好奇什么被认为是快速与慢速加载时间。我的出品时间约为490毫米，包括四个不同的JavaScript片段。这是好的，坏的还是平均的？想知道是否需要优化我的js元素。

Answer 1

只需通过this工具运行您的站点，您就会知道（几乎）所有需要了解的加载时间。或者如果您使用Chrome，请使用Google的Speed Tracer。

Answer 2

这会因系统而异。但是，如果加载所有内容只需不到几秒钟（完全准备就绪），那么如果你问我，这很不错。我记得在我们拥有所有这些花哨的ajax之前，把我的整个项目规模降低到大约50kb。珍惜你的宽带和异步通话！

Answer 3

一般的经验法则是网上冲浪的最大关注范围是10秒*。任何更长的时间，他们会使用另一个网站。

*注意：我读过某处但不记得在哪里。

Answer 4

尝试从用户的角度看认为：

代替测量XYZ XHR请求的响应时间，考虑用户想要执行的功能 - “张贴本网站上评论”？然后测量实现该目​​标的总时间。如果用户整体工作太多或需要太长时间然后他们会去其他地方。

例如。我可以有10个XHR函数，每个函数在15ms内返回，看起来很快。但是，如果用户必须点击10个不同的地方发表评论，他们会很快感到厌恶我的界面。 （极端示例）

Answer 5

如果我记得有关StackOverflow的播客（我无法找到它在DNR或Hanselminute上是哪一个），1秒钟以上，用户开始有时间被别的东西分散注意力和散焦。 10秒后，我可能已经关闭了你的页面！当然这取决于它是什么样的行为。但是如果这是一个重复的任务，我会说最多1秒。这就是我一般的目标。当你低于这个限制时，它会立即感觉到。

Answer 6

有从1991年的论文名为“信息可视化，信息工作空间”，由卡等所有（施乐帕洛阿尔托研究中心），上面写着：

• 0.1秒是关于限制因为让用户感觉系统正在瞬间反应，意味着除显示结果之外不需要任何特殊的反馈。
• 1.0秒即使用户会注意到延迟，用户的思维流程仍然保持不受干扰的限制。通常，在延迟时间不超过0.1秒但小于1.0秒时，不需要特殊的反馈，但用户确实丧失了直接对数据进行操作的感觉。
• 10秒是关于保持用户注意力集中在对话上的限制。对于较长时间的延迟，用户需要等待计算机完成时执行其他任务，因此应该给出反馈，指出计算机何时完成。如果响应时间可能高度变化，则延迟期间的反馈尤为重要，因为用户将不知道该期待什么。

可以找到详细的概述here。

底线：如果我们希望有一个流畅的用户体验，我们的应用程序需要在10+“FPS” :)