{ "__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, "editable": true, "height": 369, "panels": [ { "content": "

Summary of a site

\nWe collect data with our javascript agent which gets injected into your pages. 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, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2": null, "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 2, "interval": ">5s", "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 mean(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter GROUP BY time($interval) fill(none)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" } ] ], "tags": [] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "Average Speedindex (All Pages)", "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" }, { "collapse": false, "editable": true, "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 mean(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter", "rawQuery": true, "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", "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 mean(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Internet Explorer' OR \"browser\" = 'Edge' AND $timeFilter", "rawQuery": true, "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 mean(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Opera' AND $timeFilter", "rawQuery": true, "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 mean(\"speedindex\") FROM \"eum_pageload\" WHERE \"browser\" = 'Google Chrome' AND $timeFilter", "rawQuery": true, "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" }, { "collapse": false, "editable": true, "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 \"browser\" = 'Google Chrome' AND $timeFilter", "rawQuery": true, "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" }, { "collapse": false, "editable": true, "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, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2": null, "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": "$tag_browser (Desktop)", "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "policy": "default", "query": "SELECT mean(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter AND \"device\" =~ /Windows|Linux|Mac/ GROUP BY time($interval), \"browser\" fill(null)", "rawQuery": true, "refId": "D", "resultFormat": "time_series", "select": [ [ { "params": [ "value" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] }, { "alias": "$tag_browser (Mobile)", "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "policy": "default", "query": "SELECT mean(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter AND \"device\" =~ /Android|iOS/ GROUP BY time($interval), \"browser\" fill(null)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "value" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] }, { "alias": "$tag_browser (Unknown OS)", "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "policy": "default", "query": "SELECT mean(\"speedindex\") FROM \"eum_pageload\" WHERE $timeFilter AND \"device\" =~ /Unknown/ GROUP BY time($interval), \"browser\" fill(null)", "rawQuery": true, "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "value" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "Speedindex per Browser", "tooltip": { "msResolution": true, "shared": false, "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" }, { "collapse": false, "editable": true, "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, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2": null, "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 12, "interval": ">5s", "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": "$col", "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT mean(\"loadEventEnd\") AS \"Load Event End\" , mean(\"firstpaint\") AS \"First Paint\", mean(\"responseStart\") AS \"Response Start\" FROM \"eum_pageload\" WHERE $timeFilter GROUP BY time($interval) fill(null)", "rawQuery": true, "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": "Navigation 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" }, { "collapse": false, "editable": true, "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" }, { "collapse": false, "editable": true, "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" }, { "collapse": false, "editable": true, "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. Loading Time per Resource", "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" }, { "collapse": false, "editable": true, "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, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2": null, "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": "$tag_initiatorType", "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" } ], "measurement": "eum_resourceload", "policy": "default", "query": "SELECT mean(\"duration\") FROM \"eum_resourceload\" WHERE $timeFilter GROUP BY time($interval), \"initiatorType\" fill(none)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "duration" ], "type": "field" } ] ], "tags": [ { "key": "initiatorType", "operator": "=", "value": "css" } ] } ], "thresholds": [], "timeFrom": null, "timeShift": null, "title": "Average Resource Loading Time per Type", "tooltip": { "msResolution": true, "shared": false, "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" } ], "time": { "from": "2017-04-21T10:12:41.430Z", "to": "2017-04-21T15:17:19.935Z" }, "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": [ { "auto": true, "auto_count": 50, "current": { "text": "auto", "value": "$__auto_interval" }, "datasource": null, "hide": 0, "includeAll": false, "label": "Interval", "multi": false, "name": "interval", "options": [ { "selected": true, "text": "auto", "value": "$__auto_interval" }, { "selected": false, "text": "1m", "value": "1m" }, { "selected": false, "text": "10m", "value": "10m" }, { "selected": false, "text": "30m", "value": "30m" }, { "selected": false, "text": "1h", "value": "1h" }, { "selected": false, "text": "6h", "value": "6h" }, { "selected": false, "text": "12h", "value": "12h" }, { "selected": false, "text": "1d", "value": "1d" }, { "selected": false, "text": "7d", "value": "7d" }, { "selected": false, "text": "14d", "value": "14d" }, { "selected": false, "text": "30d", "value": "30d" } ], "query": "1m,10m,30m,1h,6h,12h,1d,7d,14d,30d", "refresh": 0, "type": "interval" } ] }, "annotations": { "list": [] }, "refresh": false, "schemaVersion": 12, "version": 5, "links": [], "gnetId": null }