142011 2015-02-25 00:33:41 -0800 Web Inspector: Make console faster, only render last N messages in the DOM 2026-01-12 09:08:28 -0800 1 1 1 Unclassified WebKit Web Inspector 528+ (Nightly build) All All ASSIGNED https://bugs.webkit.org/show_bug.cgi?id=136984 InRadar P2 Normal --- 155629 157368 152220 1 nvasilyev nvasilyev giovanni.piller graouts inspector-bugzilla-changes jonowells webkit-bug-importer oldest_to_newest 1071999 0 nvasilyev 2015-02-25 00:33:41 -0800 Having thousands of messages in the console can make it slow. Display only last 500 messages to reduce amount of elements in the DOM and thus reduce memory consumption. Either add "Show previous 100 messages" button or just load them when we scroll to the top edge of the console. I’m not sure about the numbers, I need to do some stress testing first. 1072001 1 webkit-bug-importer 2015-02-25 00:34:01 -0800 <rdar://problem/19950261> 1141645 2 nvasilyev 2015-11-12 14:43:32 -0800 While working on code hotness visualizer, I've been logging objects every time I get data from the backend, approximately every second. Running inspector over 10 minutes makes the whole UI interface unbearably slow. The following code shouldn't drastically affect Web Inspector performance after running for 10 minutes: setInterval(function() { console.log({x: Math.random()}) }, 1000); 1148776 3 nvasilyev 2015-12-12 21:01:17 -0800 See also: <rdar://problem/23527135> 1165107 4 nvasilyev 2016-02-16 03:49:28 -0800 I’d prefer to have a generic solution that would also work for big data grids (e.g. in Timelines). 1172408 5 nvasilyev 2016-03-08 22:15:31 -0800 As far as I can tell, we store console messages data only in the DOM. We don't have an array of WebInspector.ConsoleMessage instances in WebInspector.JavaScriptLogViewController or anywhere else. My first step would be to store WebInspector.ConsoleMessage instances in WebInspector.JavaScriptLogViewController, so I can render them later when needed. 1173002 6 nvasilyev 2016-03-09 21:51:11 -0800 The first step I'd like to tackle is to render console messages only when the split console is visible or the console tab is active. AFAIK, there is currently no event like "console-show". The closest I've found so far is WebInspector.QuickConsole.Event.DidResize event and WebInspector.consoleContentView.visible getter. 1173008 7 timothy 2016-03-09 23:13:17 -0800 (In reply to comment #6) > The first step I'd like to tackle is to render console > messages only when the split console is visible or the console > tab is active. > > AFAIK, there is currently no event like "console-show". > The closest I've found so far is > WebInspector.QuickConsole.Event.DidResize event and > WebInspector.consoleContentView.visible getter. LogContentView would get hidden() and shown() called on them. Implementing those could call other code, like on JavaScriptLogViewController.