You are browsing a read-only backup copy of Wikitech. The primary site can be found at wikitech.wikimedia.org

Grafana.wikimedia.org/resourceloader

From Wikitech-static
Jump to navigation Jump to search
{
  "id": null,
  "title": "ResourceLoader",
  "originalTitle": "ResourceLoader",
  "tags": [
    "performance"
  ],
  "style": "light",
  "timezone": "utc",
  "editable": true,
  "hideControls": false,
  "sharedCrosshair": true,
  "rows": [
    {
      "title": "HTTP traffic for load.php",
      "height": "250px",
      "collapse": false,
      "panels": [
        {
          "id": 12,
          "span": 6,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "short",
            "percent"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": false,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": false,
            "hideEmpty": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": false,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(movingAverage(ResourceLoader.reqs.all.sum,$movingAverage), 'total')",
              "hide": false
            },
            {
              "target": "alias(movingAverage(ResourceLoader.reqs.if_none_match.sum,$movingAverage), 'If-None-Match request')",
              "hide": false
            },
            {
              "target": "alias(asPercent(movingAverage(ResourceLoader.reqs.if_none_match.sum,20),movingAverage(ResourceLoader.reqs.all.sum,20)), '% of If-None-Match requests')",
              "hide": false
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "HTTP Requests",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "% of If-None-Match requests",
              "fill": 0,
              "zindex": -1,
              "linewidth": 1,
              "yaxis": 2
            },
            {
              "alias": "total (moving)",
              "fill": 0
            }
          ],
          "leftYAxisLabel": "varnish frontend",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": ""
        },
        {
          "id": 14,
          "span": 6,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "percent",
            "none"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": 100,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)"
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": false,
          "zerofill": true,
          "nullPointMode": "null as zero",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(movingAverage(asPercent(ResourceLoader.resps.304.sum, ResourceLoader.reqs.if_none_match.sum),$movingAverage), 'rate')",
              "hide": false
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "HTTP 304 Satisfaction rate",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "304s as % of If-None-Match reqs",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": ""
        },
        {
          "id": 15,
          "span": 6,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "short",
            "none"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)"
          },
          "resolution": 100,
          "lines": true,
          "fill": 2,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": false,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": false,
            "hideEmpty": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": false,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(ResourceLoader.resps.200.sum, 2)"
            },
            {
              "target": "aliasByNode(ResourceLoader.resps.304.sum, 2)"
            },
            {
              "target": "alias(timeShift(ResourceLoader.resps.200.sum, '1d'), '200-yesterday')"
            },
            {
              "target": "alias(timeShift(ResourceLoader.resps.304.sum, '1d'), '304-yesterday')"
            }
          ],
          "aliasYAxis": {},
          "title": "HTTP Responses, by status code",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/-/",
              "fill": 1,
              "zindex": -1,
              "linewidth": 1
            }
          ],
          "leftYAxisLabel": "varnish frontend",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "aliasColors": {
            "200": "#6ED0E0",
            "304": "#7EB26D",
            "200-yesterday": "#BA43A9",
            "304-yesterday": "#E24D42"
          }
        },
        {
          "id": 11,
          "span": 6,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "percent",
            "none"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": 100,
            "rightMax": null,
            "leftMin": 20,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)"
          },
          "resolution": 100,
          "lines": true,
          "fill": 2,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": true,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasSub(movingAverage(asPercent(ResourceLoader.resps.{200,304}.sum, sumSeries(ResourceLoader.resps.*.sum)), $movingAverage),'.*resps\\.(\\d+).*', '\\1')",
              "hide": false
            }
          ],
          "aliasColors": {
            "200": "#6ED0E0",
            "301": "#EAB839",
            "304": "#7EB26D",
            "403": "#EF843C",
            "404": "#E24D42",
            "503": "#BA43A9"
          },
          "aliasYAxis": {},
          "title": "HTTP Responses, by status code (%)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "varnish frontend",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": ""
        },
        {
          "id": 21,
          "span": 4,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "percent",
            "none"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": 100,
            "rightMax": null,
            "leftMin": 0,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)"
          },
          "resolution": 100,
          "lines": true,
          "fill": 2,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": true,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(asPercent(sumSeries(ResourceLoader.responses.other_cache_control.*.sum), sumSeries(ResourceLoader.responses.*.*.sum)), 'other')"
            },
            {
              "target": "alias(asPercent(sumSeries(ResourceLoader.responses.long_cache_control.*.sum), sumSeries(ResourceLoader.responses.*.*.sum)), 'long')"
            },
            {
              "target": "alias(asPercent(sumSeries(ResourceLoader.responses.short_cache_control.*.sum), sumSeries(ResourceLoader.responses.*.*.sum)), 'short')"
            }
          ],
          "aliasColors": {
            "long-1d": "#F9D9F9",
            "short-1d": "#B7DBAB",
            "short": "#6ED0E0",
            "long": "#EAB839"
          },
          "aliasYAxis": {},
          "title": "HTTP Responses, by cache-control",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": ""
        },
        {
          "id": 16,
          "span": 4,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "percent",
            "short"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": 100,
            "rightMax": null,
            "leftMin": 0,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)"
          },
          "resolution": 100,
          "lines": true,
          "fill": 2,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": true,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(asPercent(ResourceLoader.responses.other_cache_control.200.sum, sumSeries(ResourceLoader.responses.*.200.sum)), 'other')"
            },
            {
              "target": "alias(asPercent(ResourceLoader.responses.long_cache_control.200.sum, sumSeries(ResourceLoader.responses.*.200.sum)), 'long')"
            },
            {
              "target": "alias(asPercent(ResourceLoader.responses.short_cache_control.200.sum, sumSeries(ResourceLoader.responses.*.200.sum)), 'short')"
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "HTTP 200 Responses, by cache-control",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": ""
        },
        {
          "id": 20,
          "span": 4,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "percent",
            "none"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": 100,
            "rightMax": null,
            "leftMin": 0,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)"
          },
          "resolution": 100,
          "lines": true,
          "fill": 2,
          "linewidth": 2,
          "points": false,
          "pointradius": 1,
          "bars": false,
          "stack": true,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "individual",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(asPercent(ResourceLoader.responses.other_cache_control.304.sum, sumSeries(ResourceLoader.responses.*.304.sum)), 'other')"
            },
            {
              "target": "alias(asPercent(ResourceLoader.responses.long_cache_control.304.sum, sumSeries(ResourceLoader.responses.*.304.sum)), 'long')"
            },
            {
              "target": "alias(asPercent(ResourceLoader.responses.short_cache_control.304.sum, sumSeries(ResourceLoader.responses.*.304.sum)), 'short')"
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "HTTP 304 Responses, by cache-control",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": ""
        }
      ],
      "editable": true,
      "showTitle": true
    },
    {
      "title": "Minification",
      "height": "250px",
      "editable": true,
      "collapse": false,
      "panels": [
        {
          "id": 9,
          "span": 4,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "short",
            "short"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": false,
            "rightSide": false,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": false,
          "zerofill": true,
          "nullPointMode": "connected",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(movingAverage(sumSeries(MediaWiki.resourceloader_cache.{minify-css,minify_css}.hit.count),$movingAverage), 'minify-css')"
            },
            {
              "target": "alias(movingAverage(sumSeries(MediaWiki.resourceloader_cache.{minify-js,minify_js}.hit.count),$movingAverage), 'minify-js')"
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "Minification cache hits per minute",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "count",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": ""
        },
        {
          "id": 5,
          "span": 4,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "short",
            "short"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": false,
            "rightSide": false,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": false,
          "zerofill": true,
          "nullPointMode": "connected",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(movingAverage(sumSeries(MediaWiki.resourceloader_cache.{minify-css,minify_css}.miss.count),$movingAverage), 'minify-css')"
            },
            {
              "target": "alias(movingAverage(sumSeries(MediaWiki.resourceloader_cache.{minify-js,minify_js}.miss.count),$movingAverage), 'minify-js')"
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "Minification cache misses per minute",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "count",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "30"
        },
        {
          "id": 22,
          "span": 4,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "percent",
            "short"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": false,
            "max": false,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": false,
            "rightSide": false,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": false,
          "zerofill": true,
          "nullPointMode": "connected",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "alias(movingAverage(asPercent(MediaWiki.resourceloader_cache.minify_css.hit.count, sumSeries(MediaWiki.resourceloader_cache.minify_css.*.count)),$movingAverage),\"minify-css\")"
            },
            {
              "target": "alias(movingAverage(asPercent(MediaWiki.resourceloader_cache.minify_js.hit.count, sumSeries(MediaWiki.resourceloader_cache.minify_js.*.count)),$movingAverage),\"minify-js\")"
            }
          ],
          "aliasColors": {},
          "aliasYAxis": {},
          "title": "Minification cache hit ratio",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "30"
        }
      ],
      "showTitle": true
    }
  ],
  "nav": [
    {
      "type": "timepicker",
      "collapse": false,
      "enable": true,
      "status": "Stable",
      "time_options": [
        "1h",
        "6h",
        "12h",
        "24h",
        "2d",
        "7d",
        "14d",
        "30d",
        "6M"
      ],
      "refresh_intervals": [
        "1m",
        "5m",
        "15m",
        "30m",
        "1h"
      ],
      "now": true,
      "notice": false,
      "nowDelay": "5m"
    }
  ],
  "time": {
    "from": "now-24h",
    "to": "now-5m",
    "now": true
  },
  "templating": {
    "list": [
      {
        "type": "custom",
        "datasource": null,
        "refresh_on_load": false,
        "name": "movingAverage",
        "options": [
          {
            "text": "1",
            "value": "1"
          },
          {
            "text": "10",
            "value": "10"
          },
          {
            "text": "50",
            "value": "50"
          },
          {
            "text": "100",
            "value": "100"
          },
          {
            "text": "250",
            "value": "250"
          }
        ],
        "includeAll": false,
        "allFormat": "glob",
        "query": "1,10,50,100,250",
        "current": {
          "text": "10",
          "value": "10"
        }
      }
    ],
    "enable": true
  },
  "annotations": {
    "list": [
      {
        "name": "Show deployments",
        "datasource": "graphite",
        "showLine": true,
        "iconColor": "rgba(22, 108, 120, 0.84)",
        "lineColor": "rgba(23, 133, 170, 0.6)",
        "iconSize": 10,
        "enable": false,
        "target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
      }
    ],
    "enable": true
  },
  "refresh": "5m",
  "version": 6,
  "hideAllLegends": false
}