The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

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

감사가 중요한 이유

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

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

감사를 통과하는 방법

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

감사 구현 방법

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

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