Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

サイトの独自スクリプトで変更イベントを使用しない

監査が重要である理由

以下の変更イベントはパフォーマンスを低下させるため、DOM イベントの仕様において廃止されました。

  • DOMAttrModified
  • DOMAttributeNameChanged
  • DOMCharacterDataModified
  • DOMElementNameChanged
  • DOMNodeInserted
  • DOMNodeInsertedIntoDocument
  • DOMNodeRemoved
  • DOMNodeRemovedFromDocument
  • DOMSubtreeModified

監査に合格する方法

Lighthouse のレポートでは、コード内で検出された各変更イベントのリスナが URLs の下に表示されます。 これらの変更イベントを、それぞれ MutationObserver で置き換えます。 詳細は MDN のMutationObserver をご覧ください。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

Lighthouse では、ページ上のイベントリスナをすべて検出して、監査が重要である理由に列挙されているタイプのイベントリスナについて警告をします。