より良いパフォーマンスのために、JavascriptでDom Manipulation時間を計算する方法

JavaScript で DOM 操作時間を計測することで、Web ページのパフォーマンスを最適化できます。ドキュメントオブジェクトモデル (DOM) を更新するのにかかる長いスクリプトがボトルネックを特定し、ユーザーエクスペリエンスを向上させることができます。

DOM の操作時間を測定する方法

組み込みのブラウザツールを使用して、DOM 操作のパフォーマンスを測定するための最も簡単な方法です。パフォーマンス API は、JavaScript 操作の詳細なタイミング情報を提供します。

パフォーマンス API は、開発者が特定のポイントをコードにマークし、それらの間で経過した時間を測定することができます。これにより、DOM の更新がどのくらいの期間を経るのかがわかります。

事例コード:

[]]

ここにDOM操作を実行します。

[]

それから、測定を取って下さい:

[[]]

]duration]]プロパティは、取られた時間を示します。

正確な結果を確実にするために、測定を何度も実行し、結果の平均値を実行します。他のスクリプトが同時に実行されるのを避け、タイミングに影響を与える可能性があります。