タイトルが示すように、特定の ID または CSS クラスを持つ要素が DOM に挿入されたときの正確なタイムスタンプを検出したいと考えています (また、削除されたときを検出することもできます)。最も明白な方法は、document.getElementById検索したい要素の ID を指定して呼び出すことにより、ドキュメントを定期的にポーリングすることですが、この方法はあまり正確ではなく、検出したい要素が複数ある場合、パフォーマンスが非常に高くなる可能性があります。
Mutation EventsとMutation Observersを調べましたが、私が理解していることから、要素が挿入または削除されたかどうかを検出するには、リスナーをルート DOM 要素に追加する必要があります。これは、必要に応じてパフォーマンスに大きな影響を与える可能性があります。ページに要素が挿入または削除されるたびに、追加の JS を実行します。
私が気付いていない、より最適化されたソリューションはありますか? また、jQuery であっても、外部の JS ライブラリを使用しない方がよいでしょう。