You are browsing a read-only backup copy of Wikitech. The primary site can be found at wikitech.wikimedia.org
Grafana.wikimedia.org/resourceloader
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
}