1873065 - [meta] Console is very slow and jank 1/3 of the time when logging many objects

Status: NEW

(DevTools :: Console, task)

Description

[Alexandre Poirot [:ochameau]]

STR:

1. Load http://fitzgen.github.io/ocean-noise/
2. Open the web console
3. Paste attachment 8441066 [details] into the console and execute it
4. Click the big "play" button

You get 1 second freeze every 2 to 3 seconds.

Here is a profiler record for this:
https://share.firefox.dev/41Pjfkj

There is many things to investigate in this, but here is some items:

• Array.includes is a visible source of jank (bug 1873065)
• Server side ressource throttling may help reduce RDP overhead by reducing the cost of JSActor messages (bug 1824726)
• In the content process, the generation of object grip might be able to be optimized (_populateGripPreview)

Comment 1

[Alexandre Poirot [:ochameau]]

He simplier STR, which may be tuned accordingly to log more or less logs per seconds:
data:text/html,<script>let r; window.onclick=()=>{if (r) {clearInterval(r)} else r=setInterval(()=>{for(let i=0; i<50; i++){console.log(Math, []); console.trace();}},10);}</script>