Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

網站在其自身的腳本中不使用突變事件

爲什麼說此審查非常重要

以下突變事件會損害性能,在 DOM 事件規範中已棄用:

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

如何通過此審查

URLs 下,Lighthouse 報告它在您的代碼中發現的每個突變事件偵聽器。 將每個突變事件替換爲 MutationObserver。請參閱 MDN 上的 MutationObserver 以獲取更多幫助。

如何實現此審查

本部分介紹如何實現此審查,以便您可以瞭解計算此審查得分的方式。

Lighthouse 收集頁面上的所有事件偵聽器,並對使用爲什麼說此審查非常重要中列出的任意類型的任何偵聽器 進行標記。