Grafana.wikimedia.org/navigation-timing.json

From Wikitech
Jump to navigation Jump to search

{

 "id": 143,
 "title": "Navigation Timing",
 "tags": [
   "performance",
   "mediawiki",
   "featured",
   "navtiming"
 ],
 "style": "light",
 "timezone": "utc",
 "editable": true,
 "hideControls": true,
 "sharedCrosshair": true,
 "rows": [
   {
     "collapse": false,
     "editable": true,
     "height": "500px",
     "panels": [
       {
         "aliasColors": {
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "decimals": null,
         "fill": 1,
         "grid": {
           "max": null,
           "min": null,
           "threshold1": null,
           "threshold1Color": "rgba(216, 200, 27, 0.27)",
           "threshold2": null,
           "threshold2Color": "rgba(234, 112, 112, 0.22)"
         },
         "height": "",
         "id": 5,
         "interactive": true,
         "legend": {
           "alignAsTable": true,
           "avg": true,
           "current": true,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [],
         "minSpan": 12,
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "repeat": "metric",
         "resolution": 100,
         "scale": 1,
         "scopedVars": {
           "metric": {
             "selected": true,
             "text": "firstPaint",
             "value": "firstPaint"
           }
         },
         "seriesOverrides": [
           {
             "alias": "/last/",
             "fill": 0,
             "legend": false,
             "linewidth": 1,
             "zindex": -1
           }
         ],
         "span": 12,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.$metric, 20), 'Median')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.$metric, 20), '7d'), 'last week')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.$metric, 20), '1M'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Navigation Timing: $metric",
         "tooltip": {
           "msResolution": false,
           "query_as_alias": true,
           "shared": true,
           "sort": 0,
           "value_type": "cumulative"
         },
         "transparent": false,
         "type": "graph",
         "xaxis": {
           "show": true
         },
         "yaxes": [
           {
             "format": "ms",
             "label": "",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           },
           {
             "format": "short",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": false
           }
         ],
         "zerofill": true
       }
     ],
     "repeat": null,
     "scopedVars": {
       "metric": {
         "selected": true,
         "text": "responseStart",
         "value": "responseStart"
       }
     },
     "title": "Metric"
   },
   {
     "collapse": false,
     "editable": true,
     "height": "500px",
     "panels": [
       {
         "aliasColors": {},
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "decimals": null,
         "fill": 1,
         "grid": {
           "max": null,
           "min": null,
           "threshold1": null,
           "threshold1Color": "rgba(216, 200, 27, 0.27)",
           "threshold2": null,
           "threshold2Color": "rgba(234, 112, 112, 0.22)"
         },
         "height": "",
         "hideTimeOverride": false,
         "id": 10,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": false,
           "current": false,
           "max": true,
           "min": true,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [],
         "minSpan": 12,
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "repeat": "metric",
         "resolution": 100,
         "scale": 1,
         "scopedVars": {
           "metric": {
             "selected": true,
             "text": "firstPaint",
             "value": "firstPaint"
           }
         },
         "seriesOverrides": [],
         "span": 12,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "aliasByMetric(movingAverage(averageAbove(frontend.navtiming.$metric.overall.p*, 0), 20))"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Distribution of $metric",
         "tooltip": {
           "msResolution": false,
           "query_as_alias": true,
           "shared": true,
           "sort": 0,
           "value_type": "cumulative"
         },
         "type": "graph",
         "xaxis": {
           "show": true
         },
         "yaxes": [
           {
             "format": "ms",
             "label": "",
             "logBase": 2,
             "max": null,
             "min": 100,
             "show": true
           },
           {
             "format": "short",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       }
     ],
     "repeat": null,
     "scopedVars": {
       "metric": {
         "selected": true,
         "text": "responseStart",
         "value": "responseStart"
       }
     },
     "showTitle": true,
     "title": "Distribution"
   },
   {
     "collapse": false,
     "editable": true,
     "height": "500px",
     "panels": [
       {
         "aliasColors": {},
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "fill": 1,
         "grid": {
           "max": null,
           "min": null,
           "threshold1": null,
           "threshold1Color": "rgba(216, 200, 27, 0.27)",
           "threshold2": null,
           "threshold2Color": "rgba(234, 112, 112, 0.22)"
         },
         "height": "",
         "id": 6,
         "interactive": true,
         "legend": {
           "alignAsTable": true,
           "avg": true,
           "current": false,
           "max": true,
           "min": true,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 1,
         "links": [],
         "minSpan": 12,
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "repeat": "metric",
         "resolution": 100,
         "scale": 1,
         "scopedVars": {
           "metric": {
             "selected": true,
             "text": "firstPaint",
             "value": "firstPaint"
           }
         },
         "seriesOverrides": [
           {
             "alias": "/-/",
             "fill": 0,
             "linewidth": 2
           },
           {
             "alias": "/weekly/",
             "points": true,
             "steppedLine": true,
             "zindex": -1
           }
         ],
         "span": 12,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(summarize(coal.$metric, '1h', 'avg', true), '6h'), 'Median')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(summarize(coal.$metric, '24h', 'avg', true), 'Median-daily')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(summarize(coal.$metric, '14d', 'avg', true), 'Median-weekly')"
           }
         ],
         "timeFrom": "3M",
         "timeShift": null,
         "timezone": "browser",
         "title": "History of $metric (Median)",
         "tooltip": {
           "msResolution": false,
           "query_as_alias": true,
           "shared": true,
           "sort": 0,
           "value_type": "cumulative"
         },
         "type": "graph",
         "xaxis": {
           "show": true
         },
         "yaxes": [
           {
             "format": "ms",
             "label": "",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           },
           {
             "format": "short",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       },
       {
         "aliasColors": {},
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "fill": 1,
         "grid": {
           "max": null,
           "min": null,
           "threshold1": null,
           "threshold1Color": "rgba(216, 200, 27, 0.27)",
           "threshold2": null,
           "threshold2Color": "rgba(234, 112, 112, 0.22)"
         },
         "height": "",
         "id": 11,
         "interactive": true,
         "legend": {
           "alignAsTable": true,
           "avg": true,
           "current": false,
           "max": true,
           "min": true,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 1,
         "links": [],
         "minSpan": 12,
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "repeat": "metric",
         "resolution": 100,
         "scale": 1,
         "scopedVars": {
           "metric": {
             "selected": true,
             "text": "firstPaint",
             "value": "firstPaint"
           }
         },
         "seriesOverrides": [
           {
             "alias": "/-/",
             "fill": 0,
             "linewidth": 2
           },
           {
             "alias": "/weekly/",
             "points": true,
             "steppedLine": true,
             "zindex": -1
           }
         ],
         "span": 12,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(summarize(frontend.navtiming.$metric.overall.p95, '1h', 'avg', true), '6h'), 'p95')",
             "textEditor": false
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(summarize(frontend.navtiming.$metric.overall.p95, '24h', 'avg', true), 'p95-daily')",
             "textEditor": false
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(summarize(frontend.navtiming.$metric.overall.p95, '14d', 'avg', true), 'p95-weekly')",
             "textEditor": false
           }
         ],
         "timeFrom": "3M",
         "timeShift": null,
         "timezone": "browser",
         "title": "History of $metric (95th Percentile)",
         "tooltip": {
           "msResolution": false,
           "query_as_alias": true,
           "shared": true,
           "sort": 0,
           "value_type": "cumulative"
         },
         "type": "graph",
         "xaxis": {
           "show": true
         },
         "yaxes": [
           {
             "format": "ms",
             "label": "",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           },
           {
             "format": "short",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       }
     ],
     "repeat": null,
     "scopedVars": {
       "metric": {
         "selected": true,
         "text": "responseStart",
         "value": "responseStart"
       }
     },
     "showTitle": true,
     "title": "History"
   }
 ],
 "time": {
   "from": "now-24h",
   "now": true,
   "to": "now"
 },
 "timepicker": {
   "collapse": false,
   "enable": true,
   "notice": false,
   "now": true,
   "nowDelay": "",
   "refresh_intervals": [
     "1m",
     "5m",
     "15m",
     "30m",
     "1h",
     "2h",
     "1d"
   ],
   "status": "Stable",
   "time_options": [
     "1h",
     "6h",
     "12h",
     "24h",
     "7d",
     "30d",
     "6M"
   ],
   "type": "timepicker"
 },
 "templating": {
   "enable": true,
   "list": [
     {
       "allFormat": "glob",
       "current": {
         "selected": false,
         "text": "firstPaint",
         "value": "firstPaint"
       },
       "datasource": null,
       "hide": 1,
       "hideLabel": true,
       "includeAll": false,
       "label": "Metric",
       "multi": true,
       "multiFormat": "glob",
       "name": "metric",
       "options": [
         {
           "selected": false,
           "text": "fetchStart",
           "value": "fetchStart"
         },
         {
           "selected": false,
           "text": "dnsLookup",
           "value": "dnsLookup"
         },
         {
           "selected": false,
           "text": "responseStart",
           "value": "responseStart"
         },
         {
           "selected": false,
           "text": "domInteractive",
           "value": "domInteractive"
         },
         {
           "selected": true,
           "text": "firstPaint",
           "value": "firstPaint"
         },
         {
           "selected": false,
           "text": "domComplete",
           "value": "domComplete"
         },
         {
           "selected": false,
           "text": "loadEventStart",
           "value": "loadEventStart"
         },
         {
           "selected": false,
           "text": "loadEventEnd",
           "value": "loadEventEnd"
         },
         {
           "selected": false,
           "text": "mediaWikiLoadComplete",
           "value": "mediaWikiLoadComplete"
         }
       ],
       "query": "fetchStart,dnsLookup,responseStart,domInteractive,firstPaint,domComplete,loadEventStart,loadEventEnd,mediaWikiLoadComplete",
       "refresh": 0,
       "regex": "",
       "type": "custom"
     }
   ]
 },
 "annotations": {
   "enable": true,
   "list": [
     {
       "datasource": "graphite",
       "enable": false,
       "iconColor": "rgba(6, 85, 117, 0.82)",
       "iconSize": 10,
       "lineColor": "rgba(41, 125, 175, 0.52)",
       "name": "Show deployments",
       "showLine": true,
       "target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
     }
   ]
 },
 "refresh": "5m",
 "schemaVersion": 12,
 "version": 56,
 "links": [
   {
     "asDropdown": true,
     "icon": "external link",
     "includeVars": true,
     "tags": [
       "navtiming"
     ],
     "targetBlank": true,
     "title": "Navigation Timing views",
     "type": "dashboards"
   },
   {
     "asDropdown": true,
     "icon": "external link",
     "tags": [
       "performance"
     ],
     "title": "Performance dashboards",
     "type": "dashboards"
   }
 ],
 "gnetId": null

}