title: Violation Long running JavaScript task took xx ms
body: <p>Recently, I got this kind of warning, and this is my first time getting it:</p>
  
  <blockquote>
    <pre class="lang-none prettyprint-override"><code>[Violation] Long running JavaScript task took 234ms
  [Violation] Forced reflow while executing JavaScript took 45ms
  </code></pre>
  </blockquote>
  
  <p>I'm working on a group project and I have no idea where this is coming from. This never happened before. Suddenly, it appeared when someone else got involved in the project. How do I find what file/function causes this warning? I've been looking for the answer, but mostly about the solution on how to solve it. I can't solve it if I can't even find the source of the problem.</p>
  
  <p>In this case, the warning appears only on Chrome. I tried to use Edge, but I didn't get any similar warnings, and I haven't tested it on Firefox yet.</p>
  
  <p>I even get the error from <code>jquery.min.js</code>:</p>
  
  <blockquote>
    <pre class="lang-none prettyprint-override"><code>[Violation] Handler took 231ms of runtime (50ms allowed)            jquery.min.js:2
  </code></pre>
  </blockquote>