Javascript JS执行时间

Javascript JS执行时间,javascript,performance,debugging,profiling,execution-time,Javascript,Performance,Debugging,Profiling,Execution Time,我的站点是相当标准的ecom站点,它不是一个JS支持的独立应用程序或任何东西,它只是一个使用JS进行标准操作的站点,还有一些jquery插件来做一些事情 我使用Chrome开发工具获取了一些CPU配置文件 我的大部分功能都是低调操作,不超过200ms 我应该瞄准的好基准是什么?200ms高吗?200ms还不错,但您应该尽量将JavaScript交互保持在100ms以下。浏览器UI只有一个线程用于更新UI和执行JavaScript(一次只能在上)。因此,JavaScript运行的时间越长,用户体验

我的站点是相当标准的ecom站点,它不是一个JS支持的独立应用程序或任何东西,它只是一个使用JS进行标准操作的站点,还有一些jquery插件来做一些事情

我使用Chrome开发工具获取了一些CPU配置文件

我的大部分功能都是低调操作,不超过200ms


我应该瞄准的好基准是什么?200ms高吗?

200ms还不错,但您应该尽量将JavaScript交互保持在100ms以下。浏览器UI只有一个线程用于更新UI和执行JavaScript(一次只能在上)。因此,JavaScript运行的时间越长,用户体验就越差

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

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

10秒是将用户注意力集中在对话上的时间限制。对于较长的延迟,用户将希望在等待计算机完成时执行其他任务,因此应向他们提供反馈,指示计算机预期何时完成。如果响应时间可能是高度可变的,那么延迟期间的反馈尤其重要,因为用户将不知道期望得到什么

-雅各布·尼尔森


有几种模式可以将需要完成的工作分解成块,这样就不会出现可怕的“无响应脚本”错误。例如使用计时器或web Worker等,但实现取决于代码需要做什么。您使用开发工具获得了一些关于正在发生的事情的见解,这是正确的跟踪

此StackOverflow页面在我的浏览器中呈现时间为1.13秒。您还有一些额外的时间;)如果你在一台全新的i7台式机上获得200毫秒,那么试着在便宜的安卓平板电脑或第一代iPad上浏览你的网站。或者你不是针对移动用户?