javascript - JS执行时间

标签 javascript performance debugging profiling execution-time

我的网站是非常标准的电子商务网站,它不是 JS 支持的独立应用程序或任何东西,它只是一个使用 JS 进行标准内容的网站,以及一些 jquery 插件来执行一些操作。

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

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

我应该追求的良好基准是什么? 200ms 高吗?

最佳答案

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

0.1秒大约是让用户感觉到系统立即使用react的极限,这意味着除了显示结果之外不需要特殊的反馈。

1.0 秒 是关于用户的思想流保持不间断的限制,即使用户会注意到延迟。一般情况下,大于0.1秒小于1.0秒的延迟不需要特殊反馈,但用户确实失去了直接操作数据的感觉。

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

-雅各布·尼尔森

有几种模式可以将工作分解为多个 block ,这样您就不会遇到可怕的“脚本无响应”错误。例如使用计时器或网络 worker 等,但实现取决于您的代码需要做什么。您使用开发工具进行了正确的跟踪,以深入了解正在发生的事情!

关于javascript - JS执行时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14248880/

相关文章:

linux - 确定进程花费时间等待的系统调用或子系统

c++ - 登录 C++(性能考虑)

vba - 调试VBA,查找问题和故障排除方法

javascript - 箭头函数是否比绑定(bind)方法更快地传递此参数

javascript - 无论我如何尝试都无法访问 JSON 对象

javascript - 三;js : Error accessing object

Eclipse 热代码替换未更新

javascript - search.$ 还搜索 ids

android - SQLite 对比纯文本(安卓/新手)

sql - Oracle SQL 索引 DATE 与索引 TRUNC(DATE)