Permalink
Switch branches/tags
Find file Copy path
d94a482 Jul 20, 2018
1 contributor

Users who have contributed to this file

9519 lines (9519 sloc) 243 KB
{
"__inputs": [
{
"name": "DS_INFLUXDB",
"label": "influxdb",
"description": "",
"type": "datasource",
"pluginId": "influxdb",
"pluginName": "InfluxDB"
}
],
"__requires": [
{
"type": "grafana",
"id": "grafana",
"name": "Grafana",
"version": "5.0.4"
},
{
"type": "panel",
"id": "graph",
"name": "Graph",
"version": "5.0.0"
},
{
"type": "datasource",
"id": "influxdb",
"name": "InfluxDB",
"version": "5.0.0"
},
{
"type": "panel",
"id": "singlestat",
"name": "Singlestat",
"version": "5.0.0"
},
{
"type": "panel",
"id": "table",
"name": "Table",
"version": "5.0.0"
}
],
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": "-- Grafana --",
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",
"type": "dashboard"
},
{
"datasource": "${DS_INFLUXDB}",
"enable": false,
"iconColor": "rgba(255, 96, 96, 1)",
"limit": 100,
"name": "runs",
"query": "select title, text, tags from events where $timeFilter AND \"tags\" =~ /$group/ AND \"tags\" =~ /$page/ AND \"tags\" =~ /$browser/ AND \"tags\" =~ /$connectivity/ AND \"tags\" =~ /$category/",
"tagsColumn": "tags",
"textColumn": "text",
"titleColumn": "title",
"type": "alert"
}
]
},
"editable": true,
"gnetId": null,
"graphTooltip": 0,
"id": null,
"iteration": 1527760167644,
"links": [],
"panels": [
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The first visual change is when something for the first time is painted within the current viewport. It is calculated by analyzing a video recording of the screen.",
"format": "ms",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 0,
"y": 0
},
"id": 1,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": true,
"lineColor": "rgb(31, 120, 193)",
"show": true
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "FirstVisualChange",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"median\") FROM \"FirstVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"median"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "First Visual Change",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The Speed Index is the average time at which visible parts of the page are displayed. It is expressed in milliseconds and dependent on size of the view port. It was created by Pat Meenan and you can checkout the full documentation [here](https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index).",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 4,
"y": 0
},
"id": 2,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": true,
"lineColor": "rgb(31, 120, 193)",
"show": true
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "SpeedIndex",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"median\") FROM \"SpeedIndex\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"median"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Speed Index",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The visual complete 85% is when 85% (or more) are finished within the current viewport. It is calculated by analyzing a video recording of the screen.",
"format": "ms",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 8,
"y": 0
},
"id": 3,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": true,
"lineColor": "rgb(31, 120, 193)",
"show": true
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "VisualComplete85",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"median\") FROM \"VisualComplete85\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"median"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Visual Complete 85%",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The last visual change is when something for the last time is changing within the current viewport. It is calculated by analyzing a video recording of the screen.",
"format": "ms",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 12,
"y": 0
},
"id": 4,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": true,
"lineColor": "rgb(31, 120, 193)",
"show": true
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "LastVisualChange",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"median\") FROM \"LastVisualChange\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"median"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Last Visual Change",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "current"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "Fully loaded time when the last of all assets is downloaded on the page. It is calculated using the Resource Timing API where we use the last downloaded asset.",
"format": "ms",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 16,
"y": 0
},
"id": 5,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": true,
"lineColor": "rgb(31, 120, 193)",
"show": true
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "fullyLoaded",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"median\") FROM \"fullyLoaded\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"median"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Fully Loaded",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "current"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 20,
"y": 0
},
"id": 6,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": true,
"lineColor": "rgb(31, 120, 193)",
"show": true
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "requests",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"value\") FROM \"requests\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Requests",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The total transfer size over the wire (compressed size if your asset is compressed) of all assets on the page.",
"format": "decbytes",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 0,
"y": 3
},
"id": 7,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "transferSize",
"orderByTime": "ASC",
"policy": "default",
"query": "SELECT last(\"value\") FROM \"transferSize\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'pagexray' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "pagexray"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Total Transfer Size",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The total size for all assets served for this page. This includes the uncompressed size for compressed text/css/html/js/font content.",
"format": "decbytes",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 4,
"y": 3
},
"id": 13,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "contentSize",
"query": "SELECT last(\"value\") FROM \"contentSize\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'pagexray' AND \"category\" =~ /^$category$/ AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": true,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "pagexray"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Total Content Size",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The performance score (0-100) calculated by the [Coach](https://www.sitespeed.io/documentation/coach/) using performance best practices.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 8,
"y": 3
},
"id": 12,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "score",
"query": "SELECT last(\"value\") FROM \"score\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"advice\" = 'performance' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "advice",
"operator": "=",
"value": "performance"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Performance score",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The total number of DOM elements on the page.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 12,
"y": 3
},
"id": 14,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "domElements",
"query": "SELECT last(\"value\") FROM \"domElements\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "DOM Elements",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The document height in pixels.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 16,
"y": 3
},
"id": 15,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "documentHeight",
"query": "SELECT last(\"value\") FROM \"documentHeight\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Document height",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The total number of iframes used on the page.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 20,
"y": 3
},
"id": 16,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "iframes",
"query": "SELECT last(\"value\") FROM \"iframes\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "IFrames",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The average DOM depth of the page.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 0,
"y": 6
},
"id": 17,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "domDepth",
"query": "SELECT last(\"value\") FROM \"iframes\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"avg"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "DOM depth (avg)",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "The max depth of DOM elements on the page.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 4,
"y": 6
},
"id": 18,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "domDepth",
"query": "SELECT last(\"avg\") FROM \"domDepth\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"max"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "DOM depth (max)",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"description": "Script tags in the DOM.",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 8,
"y": 6
},
"id": 19,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "scripts",
"query": "SELECT last(\"max\") FROM \"domDepth\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Script tags",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 12,
"y": 6
},
"id": 20,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "totalDomains",
"query": "SELECT last(\"value\") FROM \"scripts\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'coach' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "pagexray"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Domains",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"format": "none",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 16,
"y": 6
},
"id": 21,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "cookieStats",
"query": "SELECT last(\"median\") FROM \"cookieStats\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'pagexray' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"median"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "pagexray"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Cookies",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "avg"
},
{
"cacheTimeout": null,
"colorBackground": false,
"colorValue": false,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"datasource": "${DS_INFLUXDB}",
"format": "decbytes",
"gauge": {
"maxValue": 100,
"minValue": 0,
"show": false,
"thresholdLabels": false,
"thresholdMarkers": true
},
"gridPos": {
"h": 3,
"w": 4,
"x": 20,
"y": 6
},
"id": 22,
"interval": null,
"links": [],
"mappingType": 1,
"mappingTypes": [
{
"name": "value to text",
"value": 1
},
{
"name": "range to text",
"value": 2
}
],
"maxDataPoints": 100,
"nullPointMode": "connected",
"nullText": null,
"postfix": "",
"postfixFontSize": "50%",
"prefix": "",
"prefixFontSize": "50%",
"rangeMaps": [
{
"from": "null",
"text": "N/A",
"to": "null"
}
],
"sparkline": {
"fillColor": "rgba(31, 118, 189, 0.18)",
"full": false,
"lineColor": "rgb(31, 120, 193)",
"show": false
},
"tableColumn": "",
"targets": [
{
"dsType": "influxdb",
"groupBy": [
{
"params": [
"$__interval"
],
"type": "time"
},
{
"params": [
"null"
],
"type": "fill"
}
],
"measurement": "localStorageSize",
"query": "SELECT last(\"median\") FROM \"cookieStats\" WHERE \"group\" =~ /^$group$/ AND \"browser\" =~ /^$browser$/ AND \"connectivity\" =~ /^$connectivity$/ AND \"page\" =~ /^$page$/ AND \"summaryType\" = 'pageSummary' AND \"origin\" = 'pagexray' AND $timeFilter GROUP BY time($__interval) fill(null)",
"rawQuery": false,
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"value"
],
"type": "field"
},
{
"params": [],
"type": "last"
}
]
],
"tags": [
{
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "summaryType",
"operator": "=",
"value": "pageSummary"
},
{
"condition": "AND",
"key": "origin",
"operator": "=",
"value": "coach"
},
{
"condition": "AND",
"key": "category",
"operator": "=~",
"value": "/^$category$/"
}
],
"target": ""
}
],
"thresholds": "",
"title": "Local storage size",
"type": "singlestat",
"valueFontSize": "80%",
"valueMaps": [
{
"op": "=",
"text": "N/A",
"value": "null"
}
],
"valueName": "current"
},
{
"columns": [
{
"text": "Current",
"value": "current"
}
],
"datasource": "${DS_INFLUXDB}",
"description": "The moving average of the last 24 hours median values for the visual metrics.",
"editable": true,
"error": false,
"filterNull": false,
"fontSize": "100%",
"gridPos": {
"h": 7,
"w": 6,
"x": 0,
"y": 9
},
"id": 43,
"links": [],
"pageSize": null,
"scroll": false,
"showHeader": true,
"sort": {
"col": 0,
"desc": false
},
"styles": [
{
"dateFormat": "YYYY-MM-DD HH:mm:ss",
"pattern": "Time",
"type": "date"
},
{
"colorMode": null,
"colors": [
"rgba(245, 54, 54, 0.9)",
"rgba(237, 129, 40, 0.89)",
"rgba(50, 172, 45, 0.97)"
],
"decimals": 0,
"pattern": "/.*/",
"thresholds": [],
"type": "number",
"unit": "none"
}
],
"targets": [
{
"alias": "FirstVisualChange",
"dsType": "influxdb",
"groupBy": [],
"measurement": "FirstVisualChange",
"orderByTime": "ASC",
"policy": "default",
"refId": "A",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"mean"
],
"type": "field"
},
{
"params": [
10
],
"type": "moving_average"
}
]
],
"tags": [
{
"key": "category",
"operator": "=~",
"value": "/^$category$/"
},
{
"condition": "AND",
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
}
],
"target": "aliasByNode(movingAverage($base.$path.pageSummary.$group.$page.$browser.$connectivity.browsertime.statistics.visualMetrics.SpeedIndex.$function, '24h'), 10)",
"textEditor": false
},
{
"alias": "LastVisualChange",
"dsType": "influxdb",
"groupBy": [],
"measurement": "LastVisualChange",
"orderByTime": "ASC",
"policy": "default",
"refId": "B",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"mean"
],
"type": "field"
},
{
"params": [
10
],
"type": "moving_average"
}
]
],
"tags": [
{
"key": "category",
"operator": "=~",
"value": "/^$category$/"
},
{
"condition": "AND",
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
}
],
"target": "aliasByNode(movingAverage($base.$path.pageSummary.$group.$page.$browser.$connectivity.browsertime.statistics.visualMetrics.SpeedIndex.$function, '24h'), 10)",
"textEditor": false
},
{
"alias": "PerceptualSpeedIndex",
"dsType": "influxdb",
"groupBy": [],
"measurement": "PerceptualSpeedIndex",
"orderByTime": "ASC",
"policy": "default",
"refId": "C",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"mean"
],
"type": "field"
},
{
"params": [
10
],
"type": "moving_average"
}
]
],
"tags": [
{
"key": "category",
"operator": "=~",
"value": "/^$category$/"
},
{
"condition": "AND",
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
}
],
"target": "aliasByNode(movingAverage($base.$path.pageSummary.$group.$page.$browser.$connectivity.browsertime.statistics.visualMetrics.SpeedIndex.$function, '24h'), 10)",
"textEditor": false
},
{
"alias": "SpeedIndex",
"dsType": "influxdb",
"groupBy": [],
"measurement": "SpeedIndex",
"orderByTime": "ASC",
"policy": "default",
"refId": "D",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"mean"
],
"type": "field"
},
{
"params": [
10
],
"type": "moving_average"
}
]
],
"tags": [
{
"key": "category",
"operator": "=~",
"value": "/^$category$/"
},
{
"condition": "AND",
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
}
],
"target": "aliasByNode(movingAverage($base.$path.pageSummary.$group.$page.$browser.$connectivity.browsertime.statistics.visualMetrics.SpeedIndex.$function, '24h'), 10)",
"textEditor": false
},
{
"alias": "VisualComplete85",
"dsType": "influxdb",
"groupBy": [],
"measurement": "VisualComplete85",
"orderByTime": "ASC",
"policy": "default",
"refId": "E",
"resultFormat": "time_series",
"select": [
[
{
"params": [
"mean"
],
"type": "field"
},
{
"params": [
10
],
"type": "moving_average"
}
]
],
"tags": [
{
"key": "category",
"operator": "=~",
"value": "/^$category$/"
},
{
"condition": "AND",
"key": "group",
"operator": "=~",
"value": "/^$group$/"
},
{
"condition": "AND",
"key": "page",
"operator": "=~",
"value": "/^$page$/"
},
{
"condition": "AND",
"key": "browser",
"operator": "=~",
"value": "/^$browser$/"
},
{
"condition": "AND",
"key": "connectivity",
"operator": "=~",
"value": "/^$connectivity$/"
}
],
"target": "aliasByNode(movingAverage($base.$path.pageSummary.$group.$page.$browser.$connectivity.browsertime.statistics.visualMetrics.SpeedIndex.$function, '24h'), 10)",
"textEditor": false
},
{
"alias": "FullyLoaded",
"dsType": "influxdb",
"groupBy": [],
"measurement": "fullyLoaded",
"orderByTime": "ASC",