javascript - JS実行時間

Question

私のサイトはかなり標準的なecomサイトであり、JSがサポートするスタンドアロンのアプリなどではなく、標準的なものにJSを使用するサイトであり、いくつかのjqueryプラグインを使用していくつかのことを実行します。

Chrome開発ツールを使用していくつかのCPUプロファイルを取得しました。

私の機能のほとんどは控えめな操作であり、200msを超えません。

私が目指すべき良いベンチマークは何ですか？200msの高さですか？

Answer 1

200ミリ秒はそれほど悪くはありませんが、JavaScriptの相互作用を100ミリ秒未満に保つようにしてください。ブラウザUIには、UIの更新とJavaScriptの実行の両方を行うための単一のスレッドしかありません（一度に発生する可能性があるのはオンのみです）。したがって、JavaScriptの実行時間が長くなると、ユーザーエクスペリエンスが低下します。

0.1秒は、システムが瞬時に反応しているとユーザーに感じさせる限界です。つまり、結果を表示する以外に特別なフィードバックは必要ありません。

1.0秒は、ユーザーが遅延に気付いたとしても、ユーザーの思考の流れが途切れないようにするための限界です。通常、0.1秒以上1.0秒未満の遅延の間は特別なフィードバックは必要ありませんが、ユーザーはデータを直接操作している感覚を失います。

10秒は、ユーザーの注意を対話に集中させ続けるための制限についてです。より長い遅延の場合、ユーザーはコンピューターが終了するのを待っている間に他のタスクを実行したいので、コンピューターがいつ完了すると予想されるかを示すフィードバックをユーザーに提供する必要があります。応答時間が大きく変動する可能性がある場合、遅延中のフィードバックは特に重要です。これは、ユーザーが何を期待できるかわからないためです。

-ヤコブ・ニールセン

恐ろしい「応答しないスクリプト」エラーが発生しないように、実行する必要のある作業をチャンクに分割するためのパターンがいくつかあります。タイマーやWebワーカーの使用などですが、実装はコードの実行内容によって異なります。開発ツールを使用して正しい追跡を行い、何が起こっているのかについての洞察を得ることができます。