ブラウザがJavaScriptコードの実行時間をアナウンスすると、

Question

時々私は私のウェブサイトをロードする際に、このメッセージがコンソールに表示されます。

は、なぜこれが示されていますか？私のJSコードは十分に最適化されていませんか？そして今私は何をすべきですか？

Answer 1

reflowは、ドキュメントの一部または全部を再レンダリングする目的で、ドキュメント内の要素の位置とジオメトリを再計算するWebブラウザプロセスの名前です。

reflowは、どのような操作力リフローのリストを見てみましょうユーザーをブロック

あるので、あなたのブラウザはスクリプトの実行を停止します。https://gist.github.com/paulirish/5d52fb081b3570c81e3a

Answer 2

あなたがここにそれについてのすべてを読むことができます。

Violation Long running JavaScript task took xx ms

は、答えは警告が現れ、なぜそれが何であるかを知るために参照してください。

原因を追跡するには、バイナリ検索技術を採用し、この問題の原因となっている行/行に到達するまで、Javaスクリプトコードを分割してコメントを残すことをおすすめします。