Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.

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

为什么说此审查非常重要

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

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

如何通过此审查

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

如何实现此审查

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

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