firefox问题“会不会内存消耗太高”？

Question

首先这个警告是什么意思？

Will-change 内存消耗太高。预算限制是文档表面积乘以 3（35516 像素）。预算发生的意志改变将被忽略。

其次我该如何解决这个问题。

我在 Firefox 和 google chrome 浏览器中都遇到了这个警告。

Answer 1

我遇到了同样的问题，可以通过以下方式解决：

首先，请在您的 CSS 文件或片段中找到术语“ will-change ”。例如，它看起来像这样。

.sidebar {
  will-change: transform;
}

您可以将“ transform ”替换为“ auto ”或“ transform !important ”。他们都解决了我的问题！

来自mozilla的简要说明：

上面的示例将 will-change 属性直接添加到样式表中，这将导致浏览器将优化保留在内存中的时间比所需的时间长得多。will-change MDN web 文档

希望这会有所帮助！