Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

스크립트에서 변이 이벤트를 사용하지 않는 사이트

감사가 중요한 이유

다음 변이 이벤트는 성능을 저해해서 DOM 이벤트 표준에서 지원이 중단되었습니다.

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

감사를 통과하는 방법

Lighthouse는 URLs에 코드에서 발견된 각 변이 이벤트 리스너를 보고합니다. 각 변이 이벤트를 MutationObserver로 대체하세요. 자세한 내용은 MDN의 MutationObserver를 참조하세요.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

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