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