違反 長時間実行中のJavaScriptタスクにxxミリ秒かかりました 質問する

更新: Chrome 58 以降では、これらのメッセージやその他のデバッグ メッセージがデフォルトで非表示になっています。表示するには、[情報] の横にある矢印をクリックし、[詳細] を選択します。

Chrome 57 では、「違反を非表示」がデフォルトでオンになっています。これを再度オンにするには、フィルターを有効にして、「違反を非表示」ボックスのチェックを外す必要があります。

突然、プロジェクトに関わっている他の誰かが現れると

Chrome 56にアップデートした可能性が高いと思います。この警告は素晴らしい新機能だと思います。どうしても必要な場合のみオフにしてください。評価者が減点することになります。根本的な問題は他のブラウザにもあります。ただブラウザが問題があることを伝えていないだけです。Chromiumチケットはここしかし、それについては特に興味深い議論はありません。

これらのメッセージは、実際には大きな問題を引き起こすことはないため、エラーではなく警告です。フレームがドロップされたり、スムーズなエクスペリエンスが損なわれる可能性があります。

ただし、アプリケーションの品質を向上させるために、これらの問題を調査して修正する価値はあります。これを行うには、メッセージが表示される状況に注意し、パフォーマンス テストを実行して問題が発生している場所を絞り込みます。パフォーマンス テストを開始する最も簡単な方法は、次のようなコードを挿入することです。

function someMethodIThinkMightBeSlow() {
    const startTime = performance.now();

    // Do the normal stuff for this function

    const duration = performance.now() - startTime;
    console.log(`someMethodIThinkMightBeSlow took ${duration}ms`);
}

setTimeout(functionToRunVerySoonButNotNow);

// This one is not available natively in IE, but there are polyfills available.
Promise.resolve().then(functionToRunVerySoonButNotNow);