"Will-change memory consumption is too high" firefox issue?

Question

First of all what does this warning means?

Will-change memory consumption is too high. Budget limit is the document surface area multiplied by 3 (35516 px). Occurrences of will-change over the budget will be ignored.

Secondly how do I resolve this.

I'm facing this warning in both firefox and the google chrome browser.

Answer 1

I got the same problem and it could be resolved as followings:

First of all, please find the term "will-change" in your CSS files or snippets. For example, it looks like this.

.sidebar {
  will-change: transform;
}

You can replace "transform" with either "auto" or "transform !important". They both resolved my problem!

A brief explanation from mozilla:

The above example adds the will-change property directly to the stylesheet, which will cause the browser to keep the optimization in memory for much longer than it is needed. will-change MDN web docs

Hope this will help!