Speedup Observatory elements first time rendering

runtime/observatory/lib/src/elements/helpers/rendering_queue.dart

 // Copyright (c) 2016, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 import 'dart:html';
 import 'dart:collection';
 import 'dart:async';
 
 /// A generic rendering task that can be scheduled.
 abstract class RenderingTask {
@@ skipping 38 matching lines @@
   RenderingQueue() : this.fromBarrier(new NextAnimationFrameBarrier());
 
   /// Creates a RenderingQueue with a custom synchronization barrier.
   RenderingQueue.fromBarrier(this._barrier) {
     assert(this._barrier != null);
   }
 
   /// Add a task to the queue.
   /// If the current rendering phase is running it will be executed during this
   /// rendering cycle, otherwise it will be queued for the next one.
-  void enqueue(RenderingTask r) {
+  void enqueue(RenderingTask r, {bool realtime: false}) {

[siva, 2017/08/14 22:35:01]

why not rename realtime to waitForBarrier to make the code more readable.

[cbernaschina, 2017/08/14 23:04:14]

Done.

     assert(r != null);
+    final wasEmpty = _queue.isEmpty;
+    _queue.addLast(r);
     // If no task are in the queue there is no rendering phase scheduled.
-    if (isEmpty) _render();
-    _queue.addLast(r);
+    if (wasEmpty) {
+      if (realtime) {
+        // If it is a realtime request avoid to wait for the barrier
+        scheduleMicrotask(_renderLoop);
+      } else {
+        _render();
+      }
+    }
   }
 
   Future _render() async {
     await _barrier.next;
+    _renderLoop();
+  }
+
+  void _renderLoop() {
     while (_queue.isNotEmpty) {
       _queue.first.render();
       _queue.removeFirst();
     }
   }
 }