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는 페이지에 있는 모든 이벤트 리스너를 수집하고 감사가 중요한 이유에 나열된 유형의 리스너를 플래그로 표시합니다.