{ "__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": "Focus on one page", "tags": [], "style": "dark", "timezone": "browser", "editable": true, "hideControls": false, "sharedCrosshair": false, "rows": [ { "collapse": false, "editable": true, "height": "250px", "panels": [ { "content": "

Focus on one page

\nYou can choose graph data for specified URLs.
\nSo you can easy keep track of your most important pages.", "editable": true, "error": false, "id": 1, "isNew": true, "links": [], "mode": "html", "span": 4, "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, "isNew": true, "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": 8, "stack": false, "steppedLine": false, "targets": [ { "alias": "[[tag_initiatorType]]", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "initiatorType" ], "type": "tag" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_resourceload", "policy": "default", "query": "SELECT count(size) FROM \"eum_resourceload\" WHERE \"initiatorUrl\" =~ /^$page$/ AND $timeFilter GROUP BY time(1m), \"initiatorType\"", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "initiatorType" ], "type": "field" }, { "params": [], "type": "count" } ] ], "tags": [ { "key": "initiatorUrl", "operator": "=~", "value": "/^$page$/" } ] } ], "timeFrom": null, "timeShift": null, "title": "Resource loading initiators", "tooltip": { "msResolution": false, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "show": true }, "yaxes": [ { "format": "short", "label": null, "logBase": 1, "max": null, "min": 0, "show": true }, { "format": "short", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ] } ], "title": "Row" }, { "collapse": false, "editable": true, "height": "150px", "panels": [ { "cacheTimeout": null, "colorBackground": false, "colorValue": true, "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": 3, "interval": null, "isNew": true, "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": true }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "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": "url", "operator": "=~", "value": "/^$page$/" } ] } ], "thresholds": "2000,4000", "title": "Speedindex", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "avg" }, { "cacheTimeout": null, "colorBackground": false, "colorValue": true, "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": 4, "interval": null, "isNew": true, "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": true }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "1s" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"firstpaint\") FROM \"eum_pageload\" WHERE \"url\" =~ /^$page$/ AND $timeFilter GROUP BY time(1s) fill(none)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "firstpaint" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] } ], "thresholds": "2000,4000", "title": "FirstPaint", "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_INSPECTIT-INFLUX}", "editable": true, "error": false, "format": "none", "gauge": { "maxValue": 100, "minValue": 0, "show": false, "thresholdLabels": false, "thresholdMarkers": true }, "id": 5, "interval": null, "isNew": true, "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": true }, "targets": [ { "dsType": "influxdb", "groupBy": [ { "params": [ "$interval" ], "type": "time" }, { "params": [ "null" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT count(\"firstpaint\") FROM \"eum_pageload\" WHERE \"url\" =~ /^$page$/ AND $timeFilter GROUP BY time(10s)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "browser" ], "type": "field" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] } ], "thresholds": "", "title": "Requests", "type": "singlestat", "valueFontSize": "80%", "valueMaps": [ { "op": "=", "text": "N/A", "value": "null" } ], "valueName": "total" } ], "title": "New row" }, { "collapse": false, "editable": true, "height": "250px", "panels": [ { "aliasColors": { "max": "#BF1B00", "median": "#C15C17", "min": "#3F6833" }, "bars": false, "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "fill": 0, "grid": { "threshold1": null, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2": null, "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 6, "isNew": true, "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": 6, "stack": false, "steppedLine": false, "targets": [ { "alias": "median", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "domContentLoadedEventEnd" ], "type": "field" }, { "params": [], "type": "median" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] }, { "alias": "max", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "domContentLoadedEventEnd" ], "type": "field" }, { "params": [], "type": "max" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] }, { "alias": "min", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "C", "resultFormat": "time_series", "select": [ [ { "params": [ "domContentLoadedEventEnd" ], "type": "field" }, { "params": [], "type": "min" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] } ], "timeFrom": null, "timeShift": null, "title": "DOMContentLoadedTime", "tooltip": { "msResolution": false, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "show": true }, "yaxes": [ { "format": "ms", "label": null, "logBase": 1, "max": null, "min": 0, "show": true }, { "format": "short", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ] }, { "aliasColors": { "max": "#BF1B00", "median": "#C15C17", "min": "#3F6833" }, "bars": false, "datasource": "${DS_INSPECTIT-INFLUX}", "editable": true, "error": false, "fill": 0, "grid": { "threshold1": null, "threshold1Color": "rgba(216, 200, 27, 0.27)", "threshold2": null, "threshold2Color": "rgba(234, 112, 112, 0.22)" }, "id": 7, "isNew": true, "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": 6, "stack": false, "steppedLine": false, "targets": [ { "alias": "median", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "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": "url", "operator": "=~", "value": "/^$page$/" } ] }, { "alias": "max", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "max" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] }, { "alias": "min", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "refId": "C", "resultFormat": "time_series", "select": [ [ { "params": [ "speedindex" ], "type": "field" }, { "params": [], "type": "min" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] } ], "timeFrom": null, "timeShift": null, "title": "Speedindex", "tooltip": { "msResolution": false, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "show": true }, "yaxes": [ { "format": "short", "label": null, "logBase": 1, "max": null, "min": 0, "show": true }, { "format": "short", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ] } ], "title": "New row" }, { "collapse": false, "editable": true, "height": "250px", "panels": [ { "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": 8, "isNew": true, "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": 12, "stack": true, "steppedLine": false, "targets": [ { "alias": "response", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"responseEnd\") - median(\"responseStart\") FROM \"eum_pageload\" WHERE \"url\" =~ /^$page$/ AND $timeFilter GROUP BY time(1m) fill(none)", "rawQuery": true, "refId": "A", "resultFormat": "time_series", "select": [ [ { "params": [ "responseStart" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] }, { "alias": "dns", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT median(\"domainLookupEnd\") - median(\"domainLookupStart\") FROM \"eum_pageload\" WHERE \"url\" =~ /^$page$/ AND $timeFilter GROUP BY time(1m) fill(none)", "rawQuery": true, "refId": "B", "resultFormat": "time_series", "select": [ [ { "params": [ "domainLookupStart" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] }, { "alias": "tcp", "dsType": "influxdb", "groupBy": [ { "params": [ "1m" ], "type": "time" }, { "params": [ "none" ], "type": "fill" } ], "measurement": "eum_pageload", "policy": "default", "query": "SELECT mean(\"connectEnd\") - median(\"connectStart\") FROM \"eum_pageload\" WHERE \"url\" =~ /^$page$/ AND $timeFilter GROUP BY time(1m) fill(none)", "rawQuery": true, "refId": "C", "resultFormat": "time_series", "select": [ [ { "params": [ "connectEnd" ], "type": "field" }, { "params": [], "type": "mean" } ] ], "tags": [ { "key": "url", "operator": "=~", "value": "/^$page$/" } ] } ], "timeFrom": null, "timeShift": null, "title": "Navigation timings", "tooltip": { "msResolution": false, "shared": true, "sort": 0, "value_type": "cumulative" }, "type": "graph", "xaxis": { "show": true }, "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 } ] } ], "title": "New row" } ], "time": { "from": "2017-04-18T09:30:00.000Z", "to": "2017-04-18T09:37:00.000Z" }, "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": [ { "current": { "text": "http://localhost:8080/", "value": "http://localhost:8080/", "tags": [] }, "datasource": null, "hide": 0, "includeAll": false, "multi": false, "name": "page", "options": [ { "selected": true, "text": "http://localhost:8080/", "value": "http://localhost:8080/" } ], "query": "http://localhost:8080/", "refresh": 0, "type": "custom" } ] }, "annotations": { "list": [] }, "refresh": "5s", "schemaVersion": 12, "version": 4, "links": [], "gnetId": null }