我刚刚构建了一个使用多个不同javascript元素的网页。我只是好奇被认为是快速加载和慢加载时间。我的四个不同的javascript片段约490毫秒。这是好的,坏的还是平均的?想知道我是否需要优化我的js元素。
答案 0 :(得分:3)
1991年有一篇名为“信息可视化工具,信息工作空间”的论文,由Card et all(施乐帕洛阿尔托研究中心)提出:
- 0.1秒大约是让用户感觉系统瞬间响应的限制,这意味着除了显示结果外不需要特殊反馈。
- 1.0秒是关于用户保持不间断的思维流程的限制,即使用户会注意到延迟。通常情况下,在超过0.1秒但不到1.0秒的延迟期间不需要特殊反馈,但用户确实失去了直接操作数据的感觉。
- 10秒是关于将用户的注意力集中在对话上的限制。对于较长的延迟,用户将希望在等待计算机完成时执行其他任务,因此应该给出反馈,指示计算机何时完成。如果响应时间可能变化很大,延迟期间的反馈尤其重要,因为用户将不知道会发生什么。
可以找到详细的概述here。
结论:如果我们想要流畅的用户体验,我们的应用需要以10 +'fps'运行:)
答案 1 :(得分:1)
这将因系统而异。但是,如果加载所有内容(完全准备就绪)需要不到几秒钟的时间,那么如果你问我,那就太好了。我记得在我们拥有所有这些花哨的ajax之前,将我的整个项目规模保持在大约50kb之前:)珍惜你的宽带和异步电话!
答案 2 :(得分:1)
尝试从用户的角度思考:
不是测量xyz XHR请求的响应时间,而是考虑用户想要执行的功能 - “在此网站上发表评论”?然后衡量实现该目标的总时间。如果用户整体工作太多或需要太长时间那么他们会去其他地方。
例如。我可以拥有10个XHR函数,每个函数在15ms内返回,它们可能看起来非常快速。但是如果用户必须点击10个不同的地方发表评论,他们也会很快厌倦我的界面。 (极端的例子)
答案 3 :(得分:1)
只需通过this工具运行您的网站,您就会知道(差不多)所有关于加载时间的信息。如果您使用Chrome,也可以使用Google的Speed Tracer。
答案 4 :(得分:1)
如果我记得有关StackOverflow的播客(我在DNR或Hanselminute上找不到哪一个),超过1秒,用户开始有时间被其他东西和松散焦点分散注意力。在10秒钟,我可能已经关闭了你的页面! 当然这取决于它是什么样的行动。但如果这是一个重复的任务,我会说最多1秒。这就是我的目标。当你达到这个极限时,感觉很快。
答案 5 :(得分:0)
一般的经验法则是网上冲浪者的最大注意力范围是10秒*。任何更长的时间,他们将使用另一个网站。
*注意:我在某个地方读过但不记得在哪里。