Grafana.wikimedia.org/performance-metrics.json

From Wikitech
Jump to navigation Jump to search

{

 "id": 50,
 "title": "Performance Metrics",
 "tags": [
   "performance"
 ],
 "style": "light",
 "timezone": "utc",
 "editable": true,
 "hideControls": true,
 "sharedCrosshair": true,
 "rows": [
   {
     "collapse": false,
     "editable": true,
     "height": "150px",
     "panels": [
       {
         "columns": [
           {
             "text": "Current",
             "value": "current"
           }
         ],
         "editable": true,
         "error": false,
         "fontSize": "130%",
         "hideTimeOverride": true,
         "id": 23,
         "isNew": true,
         "links": [],
         "pageSize": null,
         "scroll": false,
         "showHeader": true,
         "sort": {
           "col": null,
           "desc": false
         },
         "span": 4,
         "styles": [
           {
             "colorMode": null,
             "colors": [
               "rgba(245, 54, 54, 0.9)",
               "rgba(237, 129, 40, 0.89)",
               "rgba(50, 172, 45, 0.97)"
             ],
             "dateFormat": "YYYY-MM-DD HH:mm:ss",
             "decimals": 1,
             "pattern": "/.*/",
             "thresholds": [],
             "type": "number",
             "unit": "ms"
           }
         ],
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(coal.responseStart, 'Median Time To First Byte')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(coal.firstPaint, 'Median First Paint')"
           },
           {
             "refId": "C",
             "target": "alias(coal.saveTiming, 'Median Save Timing')"
           },
           {
             "refId": "D",
             "target": "alias(coal.loadEventEnd, 'Median Page Load End')"
           }
         ],
         "timeShift": "2m",
         "title": "Current",
         "transform": "timeseries_aggregations",
         "transparent": true,
         "type": "table"
       },
       {
         "columns": [
           {
             "text": "Current",
             "value": "current"
           }
         ],
         "editable": true,
         "error": false,
         "fontSize": "130%",
         "hideTimeOverride": true,
         "id": 24,
         "isNew": true,
         "links": [],
         "pageSize": null,
         "scroll": false,
         "showHeader": true,
         "sort": {
           "col": null,
           "desc": false
         },
         "span": 4,
         "styles": [
           {
             "colorMode": "value",
             "colors": [
               "rgba(19, 175, 13, 0.8)",
               "rgba(0, 125, 233, 0.77)",
               "rgba(207, 3, 3, 0.82)"
             ],
             "dateFormat": "YYYY-MM-DD HH:mm:ss",
             "decimals": 0,
             "pattern": "/.*/",
             "thresholds": [
               "-50",
               "50"
             ],
             "type": "number",
             "unit": "ms"
           }
         ],
         "targets": [
           {
             "hide": true,
             "refId": "A",
             "target": "timeShift(movingAverage(coal.responseStart, '1hour'), '7d')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(diffSeries(movingAverage(coal.responseStart, '1hour'), #A), 'Median Time To First Byte')"
           },
           {
             "hide": true,
             "refId": "C",
             "target": "timeShift(movingAverage(coal.firstPaint, '1hour'), '7d')"
           },
           {
             "hide": false,
             "refId": "D",
             "target": "alias(diffSeries(movingAverage(coal.firstPaint, '1hour'), #C), 'Median First Paint')"
           },
           {
             "hide": true,
             "refId": "E",
             "target": "timeShift(movingAverage(coal.saveTiming, '1hour'), '7d')"
           },
           {
             "hide": false,
             "refId": "F",
             "target": "alias(diffSeries(movingAverage(coal.saveTiming, '1hour'), #E), 'Median Save Timing')"
           },
           {
             "hide": true,
             "refId": "G",
             "target": "timeShift(movingAverage(coal.loadEventEnd, '1hour'), '7d')"
           },
           {
             "refId": "H",
             "target": "alias(diffSeries(movingAverage(coal.loadEventEnd, '1hour'), #G), 'Median Page Load End')"
           }
         ],
         "timeFrom": null,
         "timeShift": "1m",
         "title": "Relative to last week",
         "transform": "timeseries_aggregations",
         "transparent": true,
         "type": "table"
       },
       {
         "columns": [
           {
             "text": "Current",
             "value": "current"
           }
         ],
         "editable": true,
         "error": false,
         "fontSize": "130%",
         "hideTimeOverride": true,
         "id": 25,
         "isNew": true,
         "links": [],
         "pageSize": null,
         "scroll": false,
         "showHeader": true,
         "sort": {
           "col": null,
           "desc": false
         },
         "span": 4,
         "styles": [
           {
             "colorMode": "value",
             "colors": [
               "rgba(19, 175, 13, 0.8)",
               "rgba(0, 125, 233, 0.77)",
               "rgba(207, 3, 3, 0.82)"
             ],
             "dateFormat": "YYYY-MM-DD HH:mm:ss",
             "decimals": 0,
             "pattern": "/.*/",
             "thresholds": [
               "-50",
               "50"
             ],
             "type": "number",
             "unit": "ms"
           }
         ],
         "targets": [
           {
             "hide": true,
             "refId": "A",
             "target": "movingAverage(timeShift(coal.responseStart, '1M'), '24h')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(diffSeries(movingAverage(coal.responseStart, '24h'), #A), 'Median Time To First Byte')"
           },
           {
             "hide": true,
             "refId": "C",
             "target": "movingAverage(timeShift(coal.firstPaint, '1M'), '24h')"
           },
           {
             "hide": false,
             "refId": "D",
             "target": "alias(diffSeries(movingAverage(coal.firstPaint, '24h'), #C), 'Median First Paint')"
           },
           {
             "hide": true,
             "refId": "E",
             "target": "movingAverage(timeShift(coal.saveTiming, '1M'), '24h')"
           },
           {
             "hide": false,
             "refId": "F",
             "target": "alias(diffSeries(movingAverage(coal.saveTiming, '24h'), #E), 'Median Save Timing')"
           },
           {
             "hide": true,
             "refId": "G",
             "target": "movingAverage(timeShift(coal.loadEventEnd, '1M'), '24h')"
           },
           {
             "refId": "H",
             "target": "alias(diffSeries(movingAverage(coal.loadEventEnd, '24h'), #G), 'Median Page Load End')"
           }
         ],
         "timeFrom": null,
         "timeShift": "1m",
         "title": "Relative to last month",
         "transform": "timeseries_aggregations",
         "transparent": true,
         "type": "table"
       }
     ],
     "showTitle": false,
     "title": "Overview"
   },
   {
     "collapse": true,
     "editable": true,
     "height": "450px",
     "panels": [
       {
         "aliasColors": {
           "% of events": "#AEA2E0",
           "First Paint": "#508642",
           "Page Load End": "#1F78C1",
           "Save Timing": "#EF843C",
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "fill": 0,
         "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": 26,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": false,
           "current": false,
           "max": false,
           "min": false,
           "rightSide": false,
           "show": true,
           "total": false,
           "values": false
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [],
         "maxDataPoints": "",
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "legend": false,
             "linewidth": 1
           },
           {
             "alias": "First Paint - last week",
             "color": "#B7DBAB"
           },
           {
             "alias": "Save Timing - last week",
             "color": "#F4D598"
           },
           {
             "alias": "Page Load End - last week",
             "color": "#6ED0E0"
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "F",
             "target": "alias(timeShift(movingAverage(coal.loadEventEnd, '2h'), '7d'), 'Page Load End - last week')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(movingAverage(coal.loadEventEnd, '2h'), 'Page Load End')"
           },
           {
             "hide": false,
             "refId": "D",
             "target": "alias(timeShift(movingAverage(coal.firstPaint, '2h'), '7d'), 'First Paint - last week')"
           },
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.firstPaint, '2h'), 'First Paint')"
           },
           {
             "hide": false,
             "refId": "E",
             "target": "alias(timeShift(movingAverage(coal.saveTiming, '2h'), '7d'), 'Save Timing - last week')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(movingAverage(coal.saveTiming, '2h'), 'Save Timing')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Last week (2h moving avg)",
         "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": "percent",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": false
           }
         ],
         "zerofill": true
       },
       {
         "aliasColors": {
           "% of events": "#AEA2E0",
           "First Paint": "#508642",
           "Page Load End": "#1F78C1",
           "Save Timing": "#EF843C",
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "fill": 0,
         "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": 27,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": false,
           "current": false,
           "max": false,
           "min": false,
           "rightSide": false,
           "show": true,
           "total": false,
           "values": false
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [],
         "maxDataPoints": "",
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "legend": false,
             "linewidth": 1
           },
           {
             "alias": "First Paint - last month",
             "color": "#B7DBAB"
           },
           {
             "alias": "Save Timing - last month",
             "color": "#F4D598"
           },
           {
             "alias": "Page Load End - last month",
             "color": "#6ED0E0"
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "F",
             "target": "alias(timeShift(movingAverage(coal.loadEventEnd, '24h'), '1M'), 'Page Load End - last month')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(movingAverage(coal.loadEventEnd, '24h'), 'Page Load End')"
           },
           {
             "hide": false,
             "refId": "D",
             "target": "alias(timeShift(movingAverage(coal.firstPaint, '24h'), '1M'), 'First Paint - last month')"
           },
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.firstPaint, '24h'), 'First Paint')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(movingAverage(coal.saveTiming, '24h'), 'Save Timing')"
           },
           {
             "hide": false,
             "refId": "E",
             "target": "alias(timeShift(movingAverage(coal.saveTiming, '24h'), '1M'), 'Save Timing - last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Last month (24h moving avg)",
         "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": "percent",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": false
           }
         ],
         "zerofill": true
       }
     ],
     "showTitle": true,
     "title": "Overview: Graph"
   },
   {
     "collapse": false,
     "editable": true,
     "height": "300px",
     "panels": [
       {
         "aliasColors": {
           "% of events": "#AEA2E0",
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "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": false,
           "avg": true,
           "current": false,
           "max": false,
           "min": false,
           "rightSide": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [
           {
             "dashUri": "db/navigation-timing",
             "dashboard": "Navigation Timing",
             "params": "var-metric=responseStart",
             "targetBlank": true,
             "title": "Navigation Timing: responseStart",
             "type": "dashboard"
           }
         ],
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "fill": 0,
             "linewidth": 1,
             "zindex": -1
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.responseStart, 10), 'median')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.responseStart, 10), '1w'), 'last week')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.responseStart, 10), '1M'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Time to first byte (responseStart)",
         "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": "percent",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       },
       {
         "aliasColors": {
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "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": 8,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": true,
           "current": false,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [
           {
             "dashUri": "db/navigation-timing",
             "dashboard": "Navigation Timing",
             "targetBlank": true,
             "title": "Navigation Timing",
             "type": "dashboard"
           }
         ],
         "maxDataPoints": "",
         "nullPointMode": "connected",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "fill": 0,
             "linewidth": 1,
             "zindex": -1
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.domInteractive, 10), 'median')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.domInteractive, 10), '1w'), 'last week')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.domInteractive, 10), '4w'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "DOM Ready (domInteractive)",
         "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": {
           "% of events": "#AEA2E0",
           "6 days ago": "#6ED0E0",
           "last month": "#70DBED",
           "last week": "#F4D598",
           "yesterday": "#EAB839"
         },
         "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": 10,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": true,
           "current": false,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [
           {
             "dashUri": "db/navigation-timing",
             "dashboard": "Navigation Timing",
             "params": "var-metric=firstPaint",
             "targetBlank": true,
             "title": "Navigation Timing: firstPaint",
             "type": "dashboard"
           }
         ],
         "nullPointMode": "connected",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "fill": 0,
             "linewidth": 1,
             "zindex": -1
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.firstPaint, 10), 'median')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.firstPaint, 10), '1w'), 'last week')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.firstPaint, 10), '1M'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "First paint",
         "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": "percent",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       },
       {
         "aliasColors": {
           "% difference": "#705DA0",
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "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": 22,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": true,
           "current": false,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [
           {
             "dashUri": "db/save-timing",
             "dashboard": "Save Timing",
             "targetBlank": true,
             "title": "Save Timing",
             "type": "dashboard"
           }
         ],
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last|diff/",
             "fill": 0,
             "linewidth": 1,
             "zindex": -1
           },
           {
             "alias": "/diff/",
             "yaxis": 2
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.saveTiming, 10), 'median')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.saveTiming, 10), '1w'), 'last week')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.saveTiming, 10), '1M'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Save Timing",
         "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": "percent",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       },
       {
         "aliasColors": {
           "% of events": "#AEA2E0",
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "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": 7,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": true,
           "current": false,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [
           {
             "dashUri": "db/navigation-timing",
             "dashboard": "Navigation Timing",
             "params": "var-metric=mediaWikiLoadComplete",
             "targetBlank": true,
             "title": "Navigation Timing: mediaWikiLoadComplete",
             "type": "dashboard"
           }
         ],
         "nullPointMode": "connected",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "fill": 0,
             "linewidth": 1,
             "zindex": -1
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "refId": "A",
             "target": "alias(movingAverage(coal.mediaWikiLoadComplete, 10), 'median')"
           },
           {
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.mediaWikiLoadComplete, 10), '7d'), 'last week')"
           },
           {
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.mediaWikiLoadComplete, 10), '1M'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "MediaWiki JS Load duration",
         "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": "none",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       },
       {
         "aliasColors": {
           "% of events": "#AEA2E0",
           "% of events w/ loadEventEnd": "#AEA2E0",
           "% of events w/ loadEventStart": "#EF843C",
           "last month": "#70DBED",
           "last week": "#F4D598"
         },
         "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": 4,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": true,
           "current": false,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": true
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 2,
         "links": [
           {
             "dashUri": "db/navigation-timing",
             "dashboard": "Navigation Timing",
             "params": "var-metric=loadEventEnd",
             "targetBlank": true,
             "title": "Navigation Timing: loadEventEnd",
             "type": "dashboard"
           }
         ],
         "nullPointMode": "connected",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "/last/",
             "fill": 0,
             "linewidth": 1,
             "zindex": -1
           }
         ],
         "span": 6,
         "spyable": true,
         "stack": false,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.loadEventEnd, 10), 'median')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(timeShift(movingAverage(coal.loadEventEnd, 10), '1w'), 'last week')"
           },
           {
             "hide": false,
             "refId": "B",
             "target": "alias(timeShift(movingAverage(coal.loadEventEnd, 10), '1M'), 'last month')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Page loaded (loadEventEnd)",
         "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": "none",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       }
     ],
     "showTitle": true,
     "title": "Breakdown: Graphs"
   },
   {
     "collapse": true,
     "editable": true,
     "height": "500px",
     "panels": [
       {
         "aliasColors": {
           "chrome.firstPaint": "#F2C96D",
           "dns": "#7EB26D",
           "domComplete": "#629E51",
           "domCompleteEvent": "#F29191",
           "domInteractive": "#BA43A9",
           "fetch": "#E0F9D7",
           "firstPaint": "#F4D598",
           "loadEvent": "#E24D42",
           "misc": "#508642",
           "mw.LoadEnd": "#EF843C",
           "mw.LoadStart": "#F9934E",
           "mw.loadComplete": "#E0752D",
           "request": "#6ED0E0",
           "response": "#1F78C1",
           "ssl": "#EF843C",
           "tcp": "#EAB839",
           "total": "#E24D42"
         },
         "annotate": {
           "enable": false
         },
         "bars": false,
         "datasource": "graphite",
         "fill": 5,
         "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": 13,
         "interactive": true,
         "legend": {
           "alignAsTable": false,
           "avg": false,
           "current": false,
           "max": false,
           "min": false,
           "show": true,
           "total": false,
           "values": false
         },
         "legend_counts": true,
         "lines": true,
         "linewidth": 1,
         "links": [],
         "nullPointMode": "null",
         "options": false,
         "percentage": false,
         "pointradius": 1,
         "points": false,
         "renderer": "flot",
         "resolution": 100,
         "scale": 1,
         "seriesOverrides": [
           {
             "alias": "mw.LoadStart",
             "fill": 0,
             "linewidth": 2,
             "stack": false
           },
           {
             "alias": "firstPaint",
             "fill": 0,
             "linewidth": 2,
             "stack": false
           },
           {
             "alias": "total",
             "fill": 0,
             "stack": false
           },
           {
             "alias": "mw.LoadEnd",
             "fill": 0,
             "linewidth": 2,
             "stack": false
           }
         ],
         "span": 12,
         "spyable": true,
         "stack": true,
         "steppedLine": false,
         "targets": [
           {
             "hide": false,
             "refId": "B",
             "target": "alias(movingAverage(diffSeries(coal.connectStart, coal.dnsLookup), 10), 'misc')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "A",
             "target": "alias(movingAverage(coal.dnsLookup, 10), 'dns')"
           },
           {
             "hide": false,
             "refId": "C",
             "target": "alias(movingAverage(diffSeries(coal.secureConnectionStart, coal.connectStart), 10), 'tcp')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "D",
             "target": "alias(movingAverage(diffSeries(coal.connectEnd, coal.secureConnectionStart), 10), 'ssl')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "E",
             "target": "alias(movingAverage(diffSeries(coal.responseStart,coal.connectEnd),10), 'request')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "F",
             "target": "alias(movingAverage(diffSeries(coal.responseEnd, coal.responseStart), 10), 'response')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "G",
             "target": "alias(movingAverage(diffSeries(coal.domInteractive, coal.responseEnd), 10), 'domInteractive')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "H",
             "target": "alias(movingAverage(diffSeries(coal.domComplete, coal.domInteractive), 10), 'domComplete')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "I",
             "target": "alias(movingAverage(diffSeries(coal.loadEventStart, coal.domComplete), 10), 'domCompleteEvent')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "J",
             "target": "alias(movingAverage(diffSeries(coal.loadEventEnd, coal.loadEventStart), 10), 'loadEvent')",
             "textEditor": true
           },
           {
             "hide": false,
             "refId": "K",
             "target": "alias(movingAverage(coal.firstPaint, 10), 'firstPaint')"
           },
           {
             "hide": false,
             "refId": "N",
             "target": "alias(movingAverage(coal.loadEventEnd, 10), 'total')"
           }
         ],
         "timeFrom": null,
         "timeShift": null,
         "timezone": "browser",
         "title": "Overview",
         "tooltip": {
           "msResolution": true,
           "query_as_alias": true,
           "shared": true,
           "sort": 0,
           "value_type": "individual"
         },
         "type": "graph",
         "xaxis": {
           "show": true
         },
         "yaxes": [
           {
             "format": "ms",
             "label": "milliseconds",
             "logBase": 1,
             "max": null,
             "min": 0,
             "show": true
           },
           {
             "format": "ms",
             "logBase": 1,
             "max": null,
             "min": null,
             "show": true
           }
         ],
         "zerofill": true
       }
     ],
     "showTitle": true,
     "title": "Navigation Timing (stacked)"
   }
 ],
 "time": {
   "from": "now-24h",
   "now": true,
   "to": "now"
 },
 "timepicker": {
   "collapse": false,
   "enable": true,
   "notice": false,
   "now": true,
   "nowDelay": "",
   "refresh_intervals": [
     "1m",
     "5m"
   ],
   "status": "Stable",
   "time_options": [
     "1h",
     "8h",
     "24h",
     "7d",
     "14d",
     "30d",
     "4M",
     "6M"
   ],
   "type": "timepicker"
 },
 "templating": {
   "list": []
 },
 "annotations": {
   "enable": true,
   "list": [
     {
       "datasource": "graphite",
       "enable": false,
       "iconColor": "rgba(19, 116, 131, 0.75)",
       "iconSize": 10,
       "lineColor": "rgba(36, 121, 172, 0.54)",
       "name": "Show deployments",
       "showLine": true,
       "target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
     }
   ]
 },
 "refresh": "5m",
 "schemaVersion": 12,
 "version": 111,
 "links": [
   {
     "asDropdown": true,
     "icon": "external link",
     "tags": [
       "performance"
     ],
     "title": "Performance dashboards",
     "type": "dashboards"
   },
   {
     "asDropdown": true,
     "icon": "external link",
     "tags": [
       "navtiming"
     ],
     "title": "Navigation Timing",
     "type": "dashboards"
   },
   {
     "icon": "dashboard",
     "tags": [],
     "title": "Media",
     "type": "link",
     "url": "/dashboard/db/media"
   },
   {
     "icon": "dashboard",
     "tags": [],
     "title": "WebPageTest",
     "type": "link",
     "url": "/dashboard/db/webpagetest"
   },
   {
     "icon": "external link",
     "tags": [],
     "targetBlank": true,
     "title": "Flame Graphs",
     "type": "link",
     "url": "https://performance.wikimedia.org/xenon/"
   },
   {
     "icon": "external link",
     "tags": [],
     "targetBlank": true,
     "title": "XHGui",
     "type": "link",
     "url": "https://performance.wikimedia.org/xhgui/"
   }
 ],
 "gnetId": null

}