[Devtools] Use requestAnimationFrame instead of timer in network

third_party/WebKit/Source/devtools/front_end/network/NetworkLogView.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 81 matching lines @@
     WebInspector.targetManager.addModelListener(WebInspector.NetworkManager, WebInspector.NetworkManager.Events.RequestStarted, this._onRequestStarted, this);
     WebInspector.targetManager.addModelListener(WebInspector.NetworkManager, WebInspector.NetworkManager.Events.RequestUpdated, this._onRequestUpdated, this);
     WebInspector.targetManager.addModelListener(WebInspector.NetworkManager, WebInspector.NetworkManager.Events.RequestFinished, this._onRequestUpdated, this);
 }
 
 WebInspector.NetworkLogView._isFilteredOutSymbol = Symbol("isFilteredOut");
 WebInspector.NetworkLogView._isMatchingSearchQuerySymbol = Symbol("isMatchingSearchQuery");
 
 WebInspector.NetworkLogView.HTTPSchemas = {"http": true, "https": true, "ws": true, "wss": true};
 
-WebInspector.NetworkLogView._defaultRefreshDelay = 200;
-
 WebInspector.NetworkLogView._waterfallMinOvertime = 1;
 WebInspector.NetworkLogView._waterfallMaxOvertime = 3;
 
 /** @enum {symbol} */
 WebInspector.NetworkLogView.Events = {
     RequestSelected: Symbol("RequestSelected"),
     SearchCountUpdated: Symbol("SearchCountUpdated"),
     SearchIndexUpdated: Symbol("SearchIndexUpdated"),
     UpdateRequest: Symbol("UpdateRequest")
 }
@@ skipping 341 matching lines @@
         summaryBar.title = text;
     },
 
     scheduleRefresh: function()
     {
         if (this._needsRefresh)
             return;
 
         this._needsRefresh = true;
 
-        if (this.isShowing() && !this._refreshTimeout)
-            this._refreshTimeout = setTimeout(this.refresh.bind(this), WebInspector.NetworkLogView._defaultRefreshDelay);
+        if (this.isShowing() && !this._refreshRequestID)

[lushnikov, 2016/10/04 21:23:28]

nit: _refreshRequestId

+            this._refreshRequestID = this.element.window().requestAnimationFrame(this.refresh.bind(this));
     },
 
     /**
      * @param {!Array<number>} times
      */
     addFilmStripFrames: function(times)
     {
         this._columns.addEventDividers(times, "network-frame-divider");
     },
 
@@ skipping 96 matching lines @@
     },
 
     willHide: function()
     {
         this._columns.willHide();
     },
 
     refresh: function()
     {
         this._needsRefresh = false;
-        if (this._refreshTimeout) {
-            clearTimeout(this._refreshTimeout);
-            delete this._refreshTimeout;
+
+        if (this._refreshRequestID) {
+            this.element.window().cancelAnimationFrame(this._refreshRequestID);
+            delete this._refreshRequestID;
         }
 
         this.removeAllNodeHighlights();
 
         var oldBoundary = this.calculator().boundary();
         this._timeCalculator.updateBoundariesForEventTime(this._mainRequestLoadTime);
         this._durationCalculator.updateBoundariesForEventTime(this._mainRequestLoadTime);
         this._timeCalculator.updateBoundariesForEventTime(this._mainRequestDOMContentLoadedTime);
         this._durationCalculator.updateBoundariesForEventTime(this._mainRequestDOMContentLoadedTime);
 
@@ skipping 1144 matching lines @@
  * @return {boolean}
  */
 WebInspector.NetworkLogView._requestTimeFilter = function(windowStart, windowEnd, request)
 {
     if (request.issueTime() > windowEnd)
         return false;
     if (request.endTime !== -1 && request.endTime < windowStart)
         return false;
     return true;
 }