You are browsing a read-only backup copy of Wikitech. The primary site can be found at wikitech.wikimedia.org
Grafana.wikimedia.org/NavTiming
Jump to navigation
Jump to search
{
"id": null,
"title": "Navigation Timing",
"originalTitle": "Navigation Timing",
"tags": [
"performance"
],
"style": "light",
"timezone": "utc",
"editable": true,
"hideControls": false,
"sharedCrosshair": true,
"rows": [
{
"title": "Overview",
"height": "350px",
"editable": true,
"collapse": false,
"panels": [
{
"id": 16,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": true,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": true,
"sortDesc": true
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)",
"hide": false
}
],
"aliasYAxis": {},
"title": "Overview ($Platform)",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [
{
"alias": "firstPaint.anonymous.median",
"yaxis": 2
}
],
"leftYAxisLabel": "",
"height": "",
"timeFrom": null,
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"mediaWikiLoadComplete.anonymous.median": "#7EB26D",
"totalPageLoadTime.anonymous.median": "#6ED0E0",
"firstPaint.anonymous.median": "#EAB839"
}
},
{
"id": 19,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": true,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": true,
"sortDesc": true
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)",
"hide": false
}
],
"aliasYAxis": {},
"title": "Overview ($Platform)",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [
{
"alias": "firstPaint.anonymous.median",
"yaxis": 2
}
],
"leftYAxisLabel": "",
"height": "200px",
"timeFrom": "1M",
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"mediaWikiLoadComplete.anonymous.median": "#7EB26D",
"totalPageLoadTime.anonymous.median": "#6ED0E0",
"firstPaint.anonymous.median": "#EAB839"
}
}
],
"showTitle": true
},
{
"title": "Page Load",
"height": "350px",
"collapse": false,
"panels": [
{
"id": 12,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": true,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": true
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "alias(timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
"hide": false
},
{
"target": "alias(timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric, $movingAverage), '1d'), 'yesterday')",
"hide": false
},
{
"target": "aliasByNode(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric,$movingAverage), 2, 4, 5)",
"hide": false
}
],
"aliasYAxis": {},
"title": "navigationStart to loadEventEnd ($Platform)",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [],
"leftYAxisLabel": "",
"height": "",
"timeFrom": null,
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200), -1d)": "#E0F9D7",
"movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200)": "#7EB26D",
"yesterday": "#F4D598",
"6 days ago": "#BADFF4",
"totalPageLoadTime.anonymous.median": "#7EB26D"
}
},
{
"id": 14,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"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": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.totalPageLoadTime.*.$Users.$Metric, $movingAverage), 2, 3, 4)",
"hide": false
}
],
"aliasYAxis": {},
"title": "History",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [
{
"alias": "/mobile/",
"yaxis": 2
}
],
"leftYAxisLabel": "",
"height": "200px",
"timeFrom": "4M",
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200), -1d)": "#E0F9D7",
"movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200)": "#7EB26D"
}
}
],
"editable": true,
"showTitle": true
},
{
"title": "MediaWiki Load",
"height": "350px",
"editable": true,
"collapse": false,
"panels": [
{
"id": 10,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": true,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": true,
"sortDesc": true
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "alias(timeShift(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
"hide": false
},
{
"target": "alias(timeShift(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), '1d'), 'yesterday')",
"hide": false
},
{
"target": "aliasByNode(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)",
"hide": false
}
],
"aliasYAxis": {},
"title": "mediaWikiLoadStart to mediaWikiLoadEnd ($Platform)",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [],
"leftYAxisLabel": "",
"height": "",
"timeFrom": null,
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"yesterday": "#F4D598",
"6 days ago": "#BADFF4",
"mediaWikiLoadComplete.anonymous.median": "#7EB26D"
}
},
{
"id": 17,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"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": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.mediaWikiLoadComplete.*.$Users.$Metric, $movingAverage), 2, 3, 4)",
"hide": false
}
],
"aliasYAxis": {},
"title": "History",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [
{
"alias": "/mobile/",
"yaxis": 2
}
],
"leftYAxisLabel": "",
"height": "200px",
"timeFrom": "4M",
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200), -1d)": "#E0F9D7",
"movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200)": "#7EB26D"
}
}
],
"showTitle": true
},
{
"title": "First Paint",
"height": "350px",
"editable": true,
"collapse": false,
"panels": [
{
"id": 13,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": true,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": true,
"sortDesc": false
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "alias(timeShift(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')"
},
{
"target": "alias(timeShift(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), '1d'), 'yesterday')"
},
{
"target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)"
}
],
"aliasYAxis": {},
"title": "Time to first paint ($Platform)",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [],
"leftYAxisLabel": "",
"height": "",
"timeFrom": null,
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {
"6 days ago": "#BADFF4",
"yesterday": "#F4D598",
"firstPaint.anonymous.median": "#7EB26D"
}
},
{
"id": 15,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": false,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": false,
"sortDesc": false
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.*.$Users.$Metric, $movingAverage), 2, 3, 4)"
}
],
"aliasYAxis": {},
"title": "Timing history",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [
{
"alias": "/mobile/",
"yaxis": 2
}
],
"leftYAxisLabel": "",
"height": "200px",
"timeFrom": "2M",
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {}
},
{
"id": 18,
"span": 12,
"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": true,
"max": true,
"current": false,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": false,
"sortDesc": false
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.*.$Users.count, $movingAverage),3,4,5)"
}
],
"aliasYAxis": {},
"title": "Rate history",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [
{
"alias": "/mobile/",
"yaxis": 2
}
],
"leftYAxisLabel": "records per minute",
"height": "200px",
"timeFrom": "2M",
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {}
}
],
"showTitle": true
},
{
"title": "DNS Lookup",
"height": "350px",
"editable": true,
"collapse": true,
"panels": [
{
"id": 11,
"span": 12,
"type": "graph",
"x-axis": true,
"y-axis": true,
"scale": 1,
"y_formats": [
"ms",
"ms"
],
"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": true,
"max": true,
"current": true,
"total": false,
"avg": true,
"hideEmpty": true,
"rightSide": false,
"alignAsTable": true
},
"interactive": true,
"legend_counts": true,
"timezone": "browser",
"percentage": true,
"zerofill": true,
"nullPointMode": "null",
"steppedLine": false,
"tooltip": {
"value_type": "cumulative",
"query_as_alias": true,
"shared": true
},
"targets": [
{
"target": "aliasByNode(movingAverage(frontend.navtiming.dnsLookup.$Platform.$Users.$Metric, $movingAverage),3,4,5)"
}
],
"aliasYAxis": {},
"title": "DNS Lookup on $Platform",
"datasource": "graphite",
"renderer": "flot",
"annotate": {
"enable": false
},
"seriesOverrides": [],
"leftYAxisLabel": "",
"height": "",
"timeFrom": null,
"timeShift": null,
"links": [],
"rightYAxisLabel": "",
"maxDataPoints": "",
"cacheTimeout": "60",
"aliasColors": {}
}
],
"showTitle": true
}
],
"nav": [
{
"type": "timepicker",
"collapse": false,
"enable": true,
"status": "Stable",
"time_options": [
"1h",
"6h",
"24h",
"2d",
"7d",
"14d",
"30d",
"6M"
],
"refresh_intervals": [
"1m",
"5m"
],
"now": true,
"notice": false,
"nowDelay": "5m"
}
],
"time": {
"from": "now-6h",
"to": "now-5m"
},
"templating": {
"list": [
{
"type": "custom",
"datasource": "graphite",
"refresh_on_load": false,
"name": "Platform",
"options": [
{
"text": "desktop",
"value": "desktop"
},
{
"text": "mobile",
"value": "mobile"
}
],
"includeAll": false,
"allFormat": "wildcard",
"query": "desktop,mobile",
"current": {
"text": "desktop",
"value": "desktop"
}
},
{
"type": "query",
"datasource": "graphite",
"refresh_on_load": false,
"name": "Users",
"options": [
{
"text": "anonymous",
"value": "anonymous"
},
{
"text": "authenticated",
"value": "authenticated"
},
{
"text": "overall",
"value": "overall"
}
],
"includeAll": false,
"allFormat": "wildcard",
"query": "frontend.navtiming.totalPageLoadTime.desktop.*",
"current": {
"text": "anonymous",
"value": "anonymous"
}
},
{
"type": "custom",
"datasource": null,
"refresh_on_load": false,
"name": "Metric",
"options": [
{
"text": "p*",
"value": "p*"
},
{
"text": "median",
"value": "median"
}
],
"includeAll": false,
"allFormat": "glob",
"query": "p*,median",
"current": {
"text": "median",
"value": "median"
}
},
{
"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": "100",
"value": "100"
}
}
],
"enable": true
},
"annotations": {
"list": [
{
"name": "Show deployments",
"datasource": "graphite",
"showLine": true,
"iconColor": "rgba(14, 119, 135, 0.84)",
"lineColor": "rgba(30, 135, 170, 0.71)",
"iconSize": 10,
"enable": false,
"target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
}
],
"enable": true
},
"refresh": "5m",
"version": 6,
"hideAllLegends": false
}