add new "Benchmarks" pane in dashboard

Purpose is strictly for development purpose. The new pane can be enabled by setting the advanced setting `benchmarkingPane` to `true`.
gorhill · Nov 2, 2018 · d693d4f · d693d4f
1 parent 649f82f
commit d693d4f
Show file tree

Hide file tree

Showing 8 changed files with 265 additions and 2 deletions.
diff --git a/src/benchmarks.html b/src/benchmarks.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>uBlock — Benchmarks</title>
+
+<link rel="stylesheet" href="css/common.css">
+<link rel="stylesheet" href="css/dashboard-common.css">
+</head>
+
+<body>
+
+<div class="body">
+    <p>The purpose of this pane is strictly for development purpose. Please, do <strong>not</strong> open issues about it.</p>
+    <div id="staticNetFilteringEngine">
+        <p>Static Network Filtering Engine: <button type="button">Measure</button> <span class="results">?</span></p>
+    </div>
+</div>
+
+<script src="js/vapi.js"></script>
+<script src="js/vapi-common.js"></script>
+<script src="js/vapi-client.js"></script>
+<script src="js/udom.js"></script>
+<script src="js/i18n.js"></script>
+<script src="js/dashboard-common.js"></script>
+<script src="js/benchmarks.js"></script>
+
+</body>
+</html>
diff --git a/src/css/dashboard.css b/src/css/dashboard.css
@@ -76,6 +76,9 @@ iframe {
 body:not(.canUpdateShortcuts) .tabButton[href="#shortcuts.html"] {
     display: none;
     }
+body:not(.canBenchmark) .tabButton[href="#benchmarks.html"] {
+    display: none;
+    }
 
 @media (max-width: 640px) {
     #dashboard-nav {

diff --git a/src/dashboard.html b/src/dashboard.html
@@ -19,7 +19,8 @@
      --><a class="tabButton" href="#dyna-rules.html" data-i18n="rulesPageName"></a><!--
      --><a class="tabButton" href="#whitelist.html" data-i18n="whitelistPageName"></a><!--
      --><a class="tabButton" href="#shortcuts.html" data-i18n="shortcutsPageName"></a><!--
-     --><a class="tabButton" href="#about.html" data-i18n="aboutPageName"></a>
+     --><a class="tabButton" href="#about.html" data-i18n="aboutPageName"></a><!--
+     --><a class="tabButton" href="#benchmarks.html">Benchmarks</a>
     </div>
 </div>
 

diff --git a/src/js/background.js b/src/js/background.js
@@ -42,6 +42,7 @@ var µBlock = (function() { // jshint ignore:line
         assetFetchTimeout: 30,
         autoUpdateAssetFetchPeriod: 120,
         autoUpdatePeriod: 7,
+        benchmarkingPane: false,
         cacheStorageCompression: true,
         debugScriptlets: false,
         cacheControlForFirefox1376932: 'no-cache, no-store, must-revalidate',

diff --git a/src/js/benchmarks.js b/src/js/benchmarks.js
diff --git a/src/js/dashboard.js b/src/js/dashboard.js
@@ -74,6 +74,10 @@ vAPI.messaging.send('dashboard', { what: 'canUpdateShortcuts' }, response => {
     document.body.classList.toggle('canUpdateShortcuts', response === true);
 });
 
+vAPI.messaging.send('dashboard', { what: 'benchmarkingPane' }, response => {
+    document.body.classList.toggle('canBenchmark', response === true);
+});
+
 resizeFrame();
 window.addEventListener('resize', resizeFrame);
 uDom('.tabButton').on('click', onTabClickHandler);

diff --git a/src/js/messaging.js b/src/js/messaging.js
@@ -743,7 +743,7 @@ vAPI.messaging.listen('cloudWidget', onMessage);
 
 /******************************************************************************/
 
-var µb = µBlock;
+const µb = µBlock;
 
 /******************************************************************************/
 
@@ -1039,6 +1039,14 @@ var onMessage = function(request, sender, callback) {
     var response;
 
     switch ( request.what ) {
+    case 'benchmark':
+        response = µb.staticNetFilteringEngine.benchmark(request.contexts);
+        break;
+
+    case 'benchmarkingPane':
+        response = µb.hiddenSettings.benchmarkingPane;
+        break;
+
     case 'canUpdateShortcuts':
         response = µb.canUpdateShortcuts;
         break;

diff --git a/src/js/static-net-filtering.js b/src/js/static-net-filtering.js
@@ -2714,6 +2714,18 @@ FilterContainer.prototype.getFilterCount = function() {
 
 /******************************************************************************/
 
+FilterContainer.prototype.benchmark = function(contexts) {
+    const t0 = performance.now();
+    const results = [];
+    for ( const context of contexts ) {
+         results.push(this.matchString(context));
+    }
+    const t1 = performance.now();
+    return { t0, t1, duration: t1 - t0, results };
+};
+
+/******************************************************************************/
+
 return new FilterContainer();
 
 /******************************************************************************/