performance - Web ブラウザの開発者メニューに関するヘルプ

Question

私は主に Web ブラウジングと Web 開発のテストに safari を使用していますが、いくつかのページで、デバッグ メニューのタイムライン ペインのレンダリング タイムラインで「ペイント」が常に実行されていることに気付きました。誰かがそれが何であるか、または意味するのかを説明できるかどうか疑問に思っていました. インターネットで検索してみましたが、それに関する情報は見つかりませんでした。次のようになります。

Answer 1

この動作は、setTimeout（）またはsetInterval（）で行われるように、JavaScriptの時間ベースの実行を示している可能性があります。ほとんどのブラウザは、DOMツリーに小さな変更を加えても予測が難しい再描画を実行します。問題のページのURLがある場合は、ページ自体の問題からブラウザの問題を分類できます。

Answer 2

これは、私が使用しているいくつかのプラグインが原因です。特に jScrollPane は、他のプラグインが原因で非常に高くなる可能性があります。

Answer 3

ロードされたページにさまざまな要素（画像、フラッシュなど）が含まれていると思います。ブラウザーは各要素を個別に要求します。「ペイント」は、要求された要素がブラウザによって受信されるとすぐに常に起動されます。

Answer 4

これは、canvas 要素が常に再描画される HTML5 が原因である可能性があります。