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

网站在其自身的脚本中不使用突变事件

为什么说此审查非常重要

以下突变事件会损害性能,在 DOM 事件规范中已弃用:

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

如何通过此审查

URLs 下,Lighthouse 报告它在您的代码中发现的每个突变事件侦听器。 将每个突变事件替换为 MutationObserver。请参阅 MDN 上的 MutationObserver 以获取更多帮助。

如何实现此审查

本部分介绍如何实现此审查,以便您可以了解计算此审查得分的方式。

Lighthouse 收集页面上的所有事件侦听器,并对使用为什么说此审查非常重要中列出的任意类型的任何侦听器进行标记。