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