{ "__inputs": [ { "name": "DS_INSPECTIT-INFLUX", "label": "inspectit-influx", "description": "", "type": "datasource", "pluginId": "influxdb", "pluginName": "InfluxDB" } ], "__requires": [ { "type": "panel", "id": "text", "name": "Text", "version": "" }, { "type": "panel", "id": "graph", "name": "Graph", "version": "" }, { "type": "panel", "id": "singlestat", "name": "Singlestat", "version": "" }, { "type": "grafana", "id": "grafana", "name": "Grafana", "version": "3.1.1" }, { "type": "datasource", "id": "influxdb", "name": "InfluxDB", "version": "1.0.0" } ], "id": null, "title": "EUM Summary", "tags": [], "style": "dark", "timezone": "browser", "editable": true, "hideControls": false, "sharedCrosshair": false, "rows": [ { "collapse": false, "height": 369, "panels": [ { "content": "

Summary of a site

\nWe collect data with an javascript agent which gets injected into the page. This agent captures ajax requests, resource loads and some more information.\n
This dashboard shows a summary of the most important metrics for your page.", "editable": true, "error": false, "id": 1, "links": [], "mode": "html", "span": 2, "style": {}, "title": "", "type": "text" }, { "aliasColors": {}, "bars": false, "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "fill": 1, "grid": { "threshold1": null, "threshold2": null, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 2, "interval": "", "legend": { "avg": true, "current": false, "max": true, "min": true, "show": true, "total": false, "values": true }, "lines": true, "linewidth": 2, "links": [], "nullPointMode": "connected", "percentage": false, "pointradius": 5, "points": false, "renderer": "flot", "seriesOverrides": [], "span": 10, "stack": false, "steppedLine": false, "targets": [ { "alias": "speedindex", "dsType": "influxdb", "groupBy": [], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter GROUP BY time(1m) fill(none)", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" } ] ], "tags": [] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "Speedindex for whole page", "tooltip": { "msResolution": true, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "mode": "time", "name": null, "show": true, "values": [] }, "yaxes": [ { "format": "short", "logBase": 1, "max": null, "min": null, "show": true }, { "format": "short", "logBase": 1, "max": null, "min": null, "show": true } ] } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": 168, "panels": [ { "content": "

Speedindex

\nThis metrics show the average speedindex and the speedindex for the particular browsers.", "editable": true, "error": false, "id": 9, "links": [], "mode": "html", "span": 2, "style": {}, "title": "", "type": "text" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgb(255, 0, 0)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter GROUP BY time($interval) fill(null)", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] }, { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "hide": true, "policy": "default", "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "value" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] } ], "thresholds": "2000,4000", "timeFrom": null, "title": "Avg. speedindex", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "auto" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "hide": false, "measurement": "eum_pageload", "policy": "default", "query": "SELECT mean(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Firefox' AND $timeFilter GROUP BY time($interval) fill(null)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Firefox" } ] } ], "thresholds": "2000,4000", "title": "Avg. speedindex Firefox", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Internet Explorer' AND $timeFilter GROUP BY time($interval) fill(null)", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Internet Explorer" }, { "condition": "OR", "key": "browser", "operator": "=", "value": "Edge" } ] } ], "thresholds": "2000,4000", "title": "Avg. speedindex IE / Edge", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Opera' AND $timeFilter GROUP BY time($interval) fill(null)", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Opera" } ] } ], "thresholds": "2000,4000", "title": "Avg. speedindex Opera", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Opera' AND $timeFilter GROUP BY time($interval) fill(null)", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Google Chrome" } ] } ], "thresholds": "2000,4000", "title": "Avg. speedindex Chrome", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": "150px", "panels": [ { "content": "

Mobile browsers

\nHere we can see how well our site is performing on mobile devices.", "editable": true, "error": false, "id": 29, "links": [], "mode": "html", "span": 2, "title": "", "type": "text" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "id": 27, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "hide": false, "measurement": "eum_pageload", "policy": "default", "query": "SELECT mean(\"speedindex\") FROM \"eum_pageload\" WHERE \"device\" = 'Android' AND $timeFilter GROUP BY time($interval) fill(none)", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "device", "operator": "=", "value": "Android" }, { "condition": "AND", "key": "browser", "operator": "=", "value": "Google Chrome" } ] } ], "thresholds": "2000,4000", "title": "Avg. speedindex Android Google Chrome", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": 401, "panels": [ { "content": "

Speedindex of all browsers compared

\n\nThis graph shows the speed indices of all browsers.\nYou can compare them easily and detect which values need to improve.", "editable": true, "error": false, "id": 33, "links": [], "mode": "html", "span": 2, "title": "", "type": "text" }, { "aliasColors": {}, "bars": false, "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "fill": 1, "grid": { "threshold1": null, "threshold2": null, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 32, "legend": { "avg": false, "current": false, "max": false, "min": false, "show": true, "total": false, "values": false }, "lines": true, "linewidth": 2, "links": [], "nullPointMode": "connected", "percentage": false, "pointradius": 5, "points": false, "renderer": "flot", "seriesOverrides": [], "span": 10, "stack": false, "steppedLine": false, "targets": [ { "alias": "firefox", "dsType": "influxdb", "groupBy": [ { "params": [ "5m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Firefox" } ] }, { "alias": "opera", "dsType": "influxdb", "groupBy": [ { "params": [ "5m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Opera" } ] }, { "alias": "internet explorer / edge", "dsType": "influxdb", "groupBy": [ { "params": [ "5m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "C", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Internet Explorer" }, { "condition": "OR", "key": "browser", "operator": "=", "value": "Edge" } ] }, { "alias": "chrome", "dsType": "influxdb", "groupBy": [ { "params": [ "5m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "E", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Google Chrome" } ] }, { "alias": "android", "dsType": "influxdb", "groupBy": [ { "params": [ "5m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "G", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "device", "operator": "=", "value": "Android" } ] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "Speedindex for all browsers", "tooltip": { "msResolution": false, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "mode": "time", "name": null, "show": true, "values": [] }, "yaxes": [ { "format": "ms", "label": null, "logBase": 1, "max": null, "min": null, "show": true }, { "format": "ms", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ] } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": 406, "panels": [ { "content": "

Navigation Timings

\nWhat timings are important for your site?
We collect some important metrics which describe how well your site is performing.", "editable": true, "error": false, "id": 11, "links": [], "mode": "html", "span": 2, "title": "", "type": "text" }, { "aliasColors": {}, "bars": true, "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "fill": 1, "grid": { "threshold1": null, "threshold2": null, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 12, "legend": { "avg": false, "current": false, "max": false, "min": false, "show": true, "total": false, "values": false }, "lines": false, "linewidth": 2, "links": [], "nullPointMode": "connected", "percentage": false, "pointradius": 5, "points": false, "renderer": "flot", "seriesOverrides": [], "span": 10, "stack": false, "steppedLine": false, "targets": [ { "alias": "navigationStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "F", "resultFormat": "time_series", "select": [ [ { "params": [ "navigationStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "redirectStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "redirectStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "unloadEventStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "unloadEventStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "unloadEventEnd", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "C", "resultFormat": "time_series", "select": [ [ { "params": [ "unloadEventEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "redirectEnd", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "D", "resultFormat": "time_series", "select": [ [ { "params": [ "redirectEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "fetchStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "E", "resultFormat": "time_series", "select": [ [ { "params": [ "fetchStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "domainLookupStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "G", "resultFormat": "time_series", "select": [ [ { "params": [ "domainLookupStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "domainLookupEnd", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "H", "resultFormat": "time_series", "select": [ [ { "params": [ "domainLookupEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "connectStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "I", "resultFormat": "time_series", "select": [ [ { "params": [ "connectStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "connectEnd", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "J", "resultFormat": "time_series", "select": [ [ { "params": [ "connectEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "requestStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "K", "resultFormat": "time_series", "select": [ [ { "params": [ "requestStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "responseStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "L", "resultFormat": "time_series", "select": [ [ { "params": [ "responseStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "responseEnd", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "M", "resultFormat": "time_series", "select": [ [ { "params": [ "responseEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "domLoading", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "N", "resultFormat": "time_series", "select": [ [ { "params": [ "domLoading" ], "type": "field" } ] ], "tags": [] }, { "alias": "domInteractive", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "O", "resultFormat": "time_series", "select": [ [ { "params": [ "domInteractive" ], "type": "field" } ] ], "tags": [] }, { "alias": "domContentLoaded", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "P", "resultFormat": "time_series", "select": [ [ { "params": [ "domContentLoadedEventStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "domComplete", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "Q", "resultFormat": "time_series", "select": [ [ { "params": [ "domContentLoadedEventEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "loadEventStart", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "R", "resultFormat": "time_series", "select": [ [ { "params": [ "loadEventStart" ], "type": "field" } ] ], "tags": [] }, { "alias": "loadEventEnd", "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "S", "resultFormat": "time_series", "select": [ [ { "params": [ "loadEventEnd" ], "type": "field" } ] ], "tags": [] }, { "dsType": "influxdb", "groupBy": [], "hide": true, "measurement": "eum_pageload", "policy": "default", "refId": "T", "resultFormat": "time_series", "select": [ [ { "params": [ "connectStart" ], "type": "field" } ], [ { "params": [ "connectEnd" ], "type": "field" } ], [ { "params": [ "requestStart" ], "type": "field" } ], [ { "params": [ "responseStart" ], "type": "field" } ], [ { "params": [ "responseEnd" ], "type": "field" } ], [ { "params": [ "domLoading" ], "type": "field" } ], [ { "params": [ "domInteractive" ], "type": "field" } ], [ { "params": [ "loadEventStart" ], "type": "field" } ], [ { "params": [ "loadEventEnd" ], "type": "field" } ] ], "tags": [] }, { "alias": "$col", "dsType": "influxdb", "groupBy": [], "measurement": "eum_pageload", "policy": "default", "refId": "U", "resultFormat": "time_series", "select": [ [ { "params": [ "loadEventEnd" ], "type": "field" } ], [ { "params": [ "firstpaint" ], "type": "field" } ], [ { "params": [ "responseStart" ], "type": "field" } ] ], "tags": [] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "Timings", "tooltip": { "msResolution": true, "shared": true, "sort": 0, "value_type": "individual" }, "type": "graph", "xaxis": { "mode": "time", "name": null, "show": true, "values": [] }, "yaxes": [ { "format": "ms", "label": "", "logBase": 1, "max": null, "min": null, "show": true }, { "format": "short", "label": "", "logBase": 1, "max": null, "min": null, "show": true } ] } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": "150px", "panels": [ { "content": "

Ajax requests

\n\nThis row shows information about your ajax calls like avg. duration.", "editable": true, "error": false, "id": 13, "links": [], "mode": "html", "span": 2, "title": "", "type": "text" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "alias": "", "dsType": "influxdb", "groupBy": [], "measurement": "eum_ajax", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] } ], "thresholds": "200,500", "title": "Avg. ajax duration", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "decimals": 0, "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Internet Explorer" }, { "condition": "OR", "key": "browser", "operator": "=", "value": "Edge" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration IE / Edge", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Firefox" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration Firefox", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Opera" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration Opera", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "id": 23, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Google Chrome" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration Chrome", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "Row title", "titleSize": "h6", "editable": true }, { "collapse": false, "height": "150px", "panels": [ { "content": "", "editable": true, "error": false, "id": 34, "links": [], "mode": "markdown", "span": 2, "title": "", "type": "text" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "id": 36, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "browser", "operator": "=", "value": "Safari" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration Safari", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "id": 37, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "device", "operator": "=", "value": "Android" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration Android", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "id": 38, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_ajax", "policy": "default", "query": "SELECT median(count(\"url\")) FROM \"eum_ajax\" WHERE $timeFilter GROUP BY \"url\"", "rawQuery": false, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "device", "operator": "=", "value": "iOS" } ] } ], "thresholds": "200,400", "title": "Avg. ajax duration iOS", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": 144, "panels": [ { "content": "

Resource requests

\nThis row displays some informations about loaded resources.", "editable": true, "error": false, "id": 18, "links": [], "mode": "html", "span": 2, "title": "", "type": "text" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [], "hide": false, "measurement": "eum_pageload", "policy": "default", "query": "SELECT mean(\"resourceCount\") FROM \"eum_pageload\" WHERE $timeFilter", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "resourceCount" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] } ], "thresholds": "30,50", "title": "Avg. resources per pageload", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_resourceload", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] } ], "thresholds": "300,600", "title": "Avg. resource loading time", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": true, "colorValue": false, "colors": [ "rgba(50, 172, 45, 0.97)", "rgba(237, 129, 40, 0.89)", "rgba(245, 54, 54, 0.9)" ], "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "ms", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "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" } ], "span": 2, "sparkline": { "fillColor": "rgba(31, 118, 189, 0.18)", "full": false, "lineColor": "rgb(31, 120, 193)", "show": false }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_resourceload", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" }, { "params": [], "type": "max" } ] ], "tags": [] } ], "thresholds": "400,1000", "title": "Max. resource loading time", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true }, { "collapse": false, "height": 346, "panels": [ { "content": "

Resource timings

\nThis graph shows how long the resources took to load on average.", "editable": true, "error": false, "id": 30, "links": [], "mode": "html", "span": 2, "title": "", "type": "text" }, { "aliasColors": {}, "bars": false, "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "fill": 1, "grid": { "threshold1": null, "threshold2": null, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 31, "legend": { "avg": false, "current": false, "max": false, "min": false, "show": true, "total": false, "values": false }, "lines": true, "linewidth": 2, "links": [], "nullPointMode": "connected", "percentage": false, "pointradius": 5, "points": false, "renderer": "flot", "seriesOverrides": [ {} ], "span": 10, "stack": false, "steppedLine": false, "targets": [ { "alias": "CSS", "dsType": "influxdb", "groupBy": [], "measurement": "eum_resourceload", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" } ] ], "tags": [ { "key": "initiatorType", "operator": "=", "value": "css" } ] }, { "alias": "IMG", "dsType": "influxdb", "groupBy": [], "measurement": "eum_resourceload", "policy": "default", "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" } ] ], "tags": [ { "key": "initiatorType", "operator": "=", "value": "img" } ] }, { "alias": "SCRIPT", "dsType": "influxdb", "groupBy": [], "measurement": "eum_resourceload", "policy": "default", "refId": "C", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" } ] ], "tags": [ { "key": "initiatorType", "operator": "=", "value": "script" } ] }, { "alias": "OTHER", "dsType": "influxdb", "groupBy": [], "measurement": "eum_resourceload", "policy": "default", "query": "SELECT \"duration\" FROM \"eum_resourceload\" WHERE \"initiatorType\" <> 'css' AND \"initiatorType\" <> 'img' AND \"initiatorType\" <> 'script' AND $timeFilter", "rawQuery": true, "refId": "D", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" } ] ], "tags": [ { "key": "initiatorType", "operator": "<>", "value": "css" } ] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "", "tooltip": { "msResolution": true, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "mode": "time", "name": null, "show": true, "values": [] }, "yaxes": [ { "format": "ms", "label": null, "logBase": 1, "max": null, "min": null, "show": true }, { "format": "short", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ] } ], "repeat": null, "repeatIteration": null, "repeatRowId": null, "showTitle": false, "title": "New row", "titleSize": "h6", "editable": true } ], "time": { "from": "now-1h", "to": "now" }, "timepicker": { "refresh_intervals": [ "5s", "10s", "30s", "1m", "5m", "15m", "30m", "1h", "2h", "1d" ], "time_options": [ "5m", "15m", "1h", "6h", "12h", "24h", "2d", "7d", "30d" ] }, "templating": { "list": [] }, "annotations": { "list": [] }, "refresh": "5s", "schemaVersion": 12, "version": 58, "links": [], "gnetId": null }