diff --git a/example/grafana/provisioning/dashboards/pagespeed.json b/example/grafana/provisioning/dashboards/pagespeed.json index ba7278a..79e45f6 100644 --- a/example/grafana/provisioning/dashboards/pagespeed.json +++ b/example/grafana/provisioning/dashboards/pagespeed.json @@ -1,9 +1,55 @@ { + "__inputs": [ + { + "name": "DS_PROMETHEUS", + "label": "Prometheus", + "description": "", + "type": "datasource", + "pluginId": "prometheus", + "pluginName": "Prometheus" + } + ], + "__elements": {}, + "__requires": [ + { + "type": "panel", + "id": "gauge", + "name": "Gauge", + "version": "" + }, + { + "type": "grafana", + "id": "grafana", + "name": "Grafana", + "version": "10.4.3" + }, + { + "type": "datasource", + "id": "prometheus", + "name": "Prometheus", + "version": "1.0.0" + }, + { + "type": "panel", + "id": "text", + "name": "Text", + "version": "" + }, + { + "type": "panel", + "id": "timeseries", + "name": "Time series", + "version": "" + } + ], "annotations": { "list": [ { "builtIn": 1, - "datasource": "-- Grafana --", + "datasource": { + "type": "datasource", + "uid": "grafana" + }, "enable": true, "hide": true, "iconColor": "rgba(0, 211, 255, 1)", @@ -13,10 +59,9 @@ ] }, "editable": true, - "gnetId": null, + "fiscalYearStartMonth": 0, "graphTooltip": 0, - "id": 1, - "iteration": 1544453795337, + "id": null, "links": [ { "icon": "external link", @@ -31,6 +76,10 @@ "panels": [ { "collapsed": false, + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "gridPos": { "h": 1, "w": 24, @@ -40,18 +89,23 @@ "id": 6, "panels": [], "repeat": "strategy", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" + "targets": [ + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "refId": "A" } - }, + ], "title": "Overview ($strategy)", "type": "row" }, { - "content": "#### Lighthouse scores for $strategy\n* 0 to 49 (slow): Red\n* 50 to 89 (average): Orange\n* 90 to 100 (fast): Green\n", + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "gridPos": { "h": 4, "w": 4, @@ -59,34 +113,72 @@ "y": 1 }, "id": 27, - "links": [], - "mode": "markdown", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "options": { + "code": { + "language": "plaintext", + "showLineNumbers": false, + "showMiniMap": false + }, + "content": "#### Lighthouse scores for $strategy\n* 0 to 49 (slow): Red\n* 50 to 89 (average): Orange\n* 90 to 100 (fast): Green\n", + "mode": "markdown" }, - "title": "", + "pluginVersion": "10.4.3", + "targets": [ + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "refId": "A" + } + ], "transparent": true, "type": "text" }, { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "description": "Performance Score", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "fieldConfig": { + "defaults": { + "color": { + "mode": "thresholds" + }, + "mappings": [ + { + "options": { + "match": "null", + "result": { + "text": "N/A" + } + }, + "type": "special" + } + ], + "max": 100, + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "#d44a3a", + "value": null + }, + { + "color": "rgba(237, 129, 40, 0.89)", + "value": 50 + }, + { + "color": "#299c46", + "value": 90 + } + ] + }, + "unit": "none" + }, + "overrides": [] }, "gridPos": { "h": 4, @@ -95,51 +187,30 @@ "y": 1 }, "id": 17, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 - }, - { - "name": "range to text", - "value": 2 - } - ], "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false + "options": { + "minVizHeight": 75, + "minVizWidth": 75, + "orientation": "horizontal", + "reduceOptions": { + "calcs": [ + "lastNotNull" + ], + "fields": "", + "values": false + }, + "showThresholdLabels": false, + "showThresholdMarkers": true, + "sizing": "auto" }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"performance\"} * 100", "format": "time_series", "intervalFactor": 1, @@ -147,35 +218,54 @@ "refId": "A" } ], - "thresholds": "50,90", "title": "Performance Score", "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ - { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" + "type": "gauge" }, { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "description": "The Accessibility score is a weighted average of all the accessibility audits. See Scoring Details for a full list of how each audit is weighted. The heavier-weighted audits have a bigger impact on your score.\n\nEach accessibility audit is pass or fail. Unlike the Performance audits, a page doesn't get points for partially passing an accessibility audit. For example, if some elements have screenreader-friendly names, but others don't, that page gets a 0 for the screenreader-friendly-names audit.", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "fieldConfig": { + "defaults": { + "color": { + "mode": "thresholds" + }, + "mappings": [ + { + "options": { + "match": "null", + "result": { + "text": "N/A" + } + }, + "type": "special" + } + ], + "max": 100, + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "#d44a3a", + "value": null + }, + { + "color": "rgba(237, 129, 40, 0.89)", + "value": 50 + }, + { + "color": "#299c46", + "value": 90 + } + ] + }, + "unit": "none" + }, + "overrides": [] }, "gridPos": { "h": 4, @@ -184,51 +274,30 @@ "y": 1 }, "id": 18, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 - }, - { - "name": "range to text", - "value": 2 - } - ], "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false + "options": { + "minVizHeight": 75, + "minVizWidth": 75, + "orientation": "horizontal", + "reduceOptions": { + "calcs": [ + "lastNotNull" + ], + "fields": "", + "values": false + }, + "showThresholdLabels": false, + "showThresholdMarkers": true, + "sizing": "auto" }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"accessibility\"} * 100", "format": "time_series", "intervalFactor": 1, @@ -236,35 +305,54 @@ "refId": "A" } ], - "thresholds": "50,90", "title": "Accessibility Score", "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ - { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" + "type": "gauge" }, { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "description": "Lighthouse returns a Progressive Web App (PWA) score between 0 and 100. 0 is the worst possible score, and 100 is the best.\n\nThe PWA audits are based on the Baseline PWA Checklist, which lists 14 requirements. Lighthouse has automated audits for 11 of the 14 requirements. The remaining 3 can only be tested manually. Each of the 11 automated PWA audits are weighted equally, so each one contributes approximately 9 points to your PWA score.", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "fieldConfig": { + "defaults": { + "color": { + "mode": "thresholds" + }, + "mappings": [ + { + "options": { + "match": "null", + "result": { + "text": "N/A" + } + }, + "type": "special" + } + ], + "max": 100, + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "#d44a3a", + "value": null + }, + { + "color": "rgba(237, 129, 40, 0.89)", + "value": 50 + }, + { + "color": "#299c46", + "value": 90 + } + ] + }, + "unit": "none" + }, + "overrides": [] }, "gridPos": { "h": 4, @@ -273,51 +361,30 @@ "y": 1 }, "id": 13, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 - }, - { - "name": "range to text", - "value": 2 - } - ], "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false + "options": { + "minVizHeight": 75, + "minVizWidth": 75, + "orientation": "horizontal", + "reduceOptions": { + "calcs": [ + "lastNotNull" + ], + "fields": "", + "values": false + }, + "showThresholdLabels": false, + "showThresholdMarkers": true, + "sizing": "auto" }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"pwa\"} * 100", "format": "time_series", "intervalFactor": 1, @@ -325,35 +392,54 @@ "refId": "A" } ], - "thresholds": "50,90", "title": "PWA Score", "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ - { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" + "type": "gauge" }, { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "description": "Search Engine Optimization Score", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "fieldConfig": { + "defaults": { + "color": { + "mode": "thresholds" + }, + "mappings": [ + { + "options": { + "match": "null", + "result": { + "text": "N/A" + } + }, + "type": "special" + } + ], + "max": 100, + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "#d44a3a", + "value": null + }, + { + "color": "rgba(237, 129, 40, 0.89)", + "value": 50 + }, + { + "color": "#299c46", + "value": 90 + } + ] + }, + "unit": "none" + }, + "overrides": [] }, "gridPos": { "h": 4, @@ -362,52 +448,30 @@ "y": 1 }, "id": 10, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 - }, - { - "name": "range to text", - "value": 2 - } - ], "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeat": null, - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false + "options": { + "minVizHeight": 75, + "minVizWidth": 75, + "orientation": "horizontal", + "reduceOptions": { + "calcs": [ + "lastNotNull" + ], + "fields": "", + "values": false + }, + "showThresholdLabels": false, + "showThresholdMarkers": true, + "sizing": "auto" }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"seo\"} * 100", "format": "time_series", "intervalFactor": 1, @@ -415,35 +479,54 @@ "refId": "A" } ], - "thresholds": "50,90", "title": "SEO Score", "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ - { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" + "type": "gauge" }, { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "description": "Lighthouse returns a Best Practices score between 0 and 100. 0 is the worst possible score, and 100 is the best.\n\nThe Best Practices audits are equally weighted. To calculate how much each audit contributes to your overall Best Practices score, count the number of Best Practices audits, then divide 100 by that number.", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "fieldConfig": { + "defaults": { + "color": { + "mode": "thresholds" + }, + "mappings": [ + { + "options": { + "match": "null", + "result": { + "text": "N/A" + } + }, + "type": "special" + } + ], + "max": 100, + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "#d44a3a", + "value": null + }, + { + "color": "rgba(237, 129, 40, 0.89)", + "value": 50 + }, + { + "color": "#299c46", + "value": 90 + } + ] + }, + "unit": "none" + }, + "overrides": [] }, "gridPos": { "h": 4, @@ -452,51 +535,30 @@ "y": 1 }, "id": 19, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 - }, - { - "name": "range to text", - "value": 2 - } - ], "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false + "options": { + "minVizHeight": 75, + "minVizWidth": 75, + "orientation": "horizontal", + "reduceOptions": { + "calcs": [ + "lastNotNull" + ], + "fields": "", + "values": false + }, + "showThresholdLabels": false, + "showThresholdMarkers": true, + "sizing": "auto" }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"best-practices\"} * 100", "format": "time_series", "intervalFactor": 1, @@ -504,2269 +566,1223 @@ "refId": "A" } ], - "thresholds": "50,90", "title": "Best Practices Score", "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ - { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" + "type": "gauge" }, { "collapsed": false, + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "gridPos": { "h": 1, "w": 24, "x": 0, "y": 5 }, - "id": 67, + "id": 66, "panels": [], - "repeat": null, - "repeatIteration": 1544453795337, - "repeatPanelId": 6, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" + "repeat": "strategy", + "targets": [ + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "refId": "A" } - }, - "title": "Overview ($strategy)", + ], + "title": "Timings / Scores / Audits ($strategy)", "type": "row" }, { - "content": "#### Lighthouse scores for $strategy\n* 0 to 49 (slow): Red\n* 50 to 89 (average): Orange\n* 90 to 100 (fast): Green\n", - "gridPos": { - "h": 4, - "w": 4, - "x": 0, - "y": 6 - }, - "id": 68, - "links": [], - "mode": "markdown", - "repeatIteration": 1544453795337, - "repeatPanelId": 27, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "title": "", - "transparent": true, - "type": "text" - }, - { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], - "description": "Performance Score", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false + }, + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "never", + "spanNulls": false, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" + } + }, + "mappings": [], + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "s" + }, + "overrides": [ + { + "matcher": { + "id": "byName", + "options": "Total Time" + }, + "properties": [ + { + "id": "custom.axisPlacement", + "value": "right" + } + ] + } + ] }, "gridPos": { - "h": 4, - "w": 4, - "x": 4, + "h": 8, + "w": 12, + "x": 0, "y": 6 }, - "id": 69, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 + "id": 45, + "options": { + "legend": { + "calcs": [ + "mean", + "lastNotNull" + ], + "displayMode": "table", + "placement": "right", + "showLegend": true }, - { - "name": "range to text", - "value": 2 - } - ], - "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" + "tooltip": { + "mode": "multi", + "sort": "none" } - ], - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 17, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"performance\"} * 100", + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "editorMode": "code", + "expr": "pagespeed_lighthouse_total_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", "format": "time_series", + "hide": false, "intervalFactor": 1, - "legendFormat": "", + "legendFormat": "Total Time", + "range": true, "refId": "A" - } - ], - "thresholds": "50,90", - "title": "Performance Score", - "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ - { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" - }, - { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], - "description": "The Accessibility score is a weighted average of all the accessibility audits. See Scoring Details for a full list of how each audit is weighted. The heavier-weighted audits have a bigger impact on your score.\n\nEach accessibility audit is pass or fail. Unlike the Performance audits, a page doesn't get points for partially passing an accessibility audit. For example, if some elements have screenreader-friendly names, but others don't, that page gets a 0 for the screenreader-friendly-names audit.", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true - }, - "gridPos": { - "h": 4, - "w": 4, - "x": 8, - "y": 6 - }, - "id": 70, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 }, { - "name": "range to text", - "value": 2 - } - ], - "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_first_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "First Contentful Paint", + "refId": "B" + }, { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 18, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false - }, - "tableColumn": "", - "targets": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_first_cpu_idle_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "First CPU Idle", + "refId": "C" + }, { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"accessibility\"} * 100", + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_first_meaningful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", "format": "time_series", "intervalFactor": 1, - "legendFormat": "", - "refId": "A" - } - ], - "thresholds": "50,90", - "title": "Accessibility Score", - "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ + "legendFormat": "First Meaningful Paint", + "refId": "D" + }, { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" - }, - { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], - "description": "Lighthouse returns a Progressive Web App (PWA) score between 0 and 100. 0 is the worst possible score, and 100 is the best.\n\nThe PWA audits are based on the Baseline PWA Checklist, which lists 14 requirements. Lighthouse has automated audits for 11 of the 14 requirements. The remaining 3 can only be tested manually. Each of the 11 automated PWA audits are weighted equally, so each one contributes approximately 9 points to your PWA score.", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true - }, - "gridPos": { - "h": 4, - "w": 4, - "x": 12, - "y": 6 - }, - "id": 71, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_interactive_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Interactive", + "refId": "E" + }, { - "name": "value to text", - "value": 1 + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_speed_index_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Content Speed Index ", + "refId": "F" }, { - "name": "range to text", - "value": 2 - } - ], - "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_bootup_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "JS Bootup Time", + "refId": "G" + }, { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 13, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false - }, - "tableColumn": "", - "targets": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_largest_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Largest Contentful Paint", + "refId": "H" + }, { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"pwa\"} * 100", + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_mainthread_work_breakdown_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", "format": "time_series", "intervalFactor": 1, - "legendFormat": "", - "refId": "A" - } - ], - "thresholds": "50,90", - "title": "PWA Score", - "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ + "legendFormat": "Mainthread Work", + "refId": "I" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_cumulative_layout_shift_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Cumulative Layout Shift", + "refId": "J" + }, { - "op": "=", - "text": "N/A", - "value": "null" + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_total_blocking_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Total Blacking Time", + "refId": "K" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_server_response_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Server Response Time", + "refId": "L" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_max_potential_fid_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Max Potential FID", + "refId": "M" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_lighthouse_estimated_input_latency_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Estimated Input Latency", + "refId": "N" } ], - "valueName": "current" + "title": "Timings", + "type": "timeseries" }, { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], - "description": "Search Engine Optimization Score", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false + }, + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "never", + "spanNulls": false, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" + } + }, + "mappings": [], + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "s" + }, + "overrides": [] }, "gridPos": { - "h": 4, - "w": 4, - "x": 16, + "h": 8, + "w": 12, + "x": 12, "y": 6 }, - "id": 72, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ - { - "name": "value to text", - "value": 1 + "id": 62, + "options": { + "legend": { + "calcs": [ + "mean", + "lastNotNull" + ], + "displayMode": "table", + "placement": "right", + "showLegend": true, + "width": 400 }, - { - "name": "range to text", - "value": 2 + "tooltip": { + "mode": "multi", + "sort": "none" } - ], - "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ - { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeat": null, - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 10, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false }, - "tableColumn": "", + "pluginVersion": "10.4.3", + "repeatDirection": "h", "targets": [ { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"seo\"} * 100", + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_total_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", "format": "time_series", + "hide": false, "intervalFactor": 1, - "legendFormat": "", + "legendFormat": "Total Time", "refId": "A" - } - ], - "thresholds": "50,90", - "title": "SEO Score", - "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ + }, { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" - }, - { - "cacheTimeout": null, - "colorBackground": false, - "colorPostfix": false, - "colorPrefix": false, - "colorValue": true, - "colors": ["#d44a3a", "rgba(237, 129, 40, 0.89)", "#299c46"], - "description": "Lighthouse returns a Best Practices score between 0 and 100. 0 is the worst possible score, and 100 is the best.\n\nThe Best Practices audits are equally weighted. To calculate how much each audit contributes to your overall Best Practices score, count the number of Best Practices audits, then divide 100 by that number.", - "format": "none", - "gauge": { - "maxValue": 100, - "minValue": 0, - "show": true, - "thresholdLabels": false, - "thresholdMarkers": true - }, - "gridPos": { - "h": 4, - "w": 4, - "x": 20, - "y": 6 - }, - "id": 73, - "interval": null, - "links": [], - "mappingType": 1, - "mappingTypes": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_first_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "First Contentful Paint", + "refId": "B" + }, { - "name": "value to text", - "value": 1 + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_first_cpu_idle_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "First CPU Idle", + "refId": "C" }, { - "name": "range to text", - "value": 2 - } - ], - "maxDataPoints": 100, - "minSpan": 6, - "nullPointMode": "connected", - "nullText": null, - "postfix": "", - "postfixFontSize": "50%", - "prefix": "", - "prefixFontSize": "50%", - "rangeMaps": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_first_meaningful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "First Meaningful Paint", + "refId": "D" + }, { - "from": "null", - "text": "N/A", - "to": "null" - } - ], - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 19, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "sparkline": { - "fillColor": "rgba(31, 118, 189, 0.18)", - "full": false, - "lineColor": "rgb(31, 120, 193)", - "show": false - }, - "tableColumn": "", - "targets": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_interactive_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Interactive", + "refId": "E" + }, { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\",category=\"best-practices\"} * 100", + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_speed_index_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", "format": "time_series", "intervalFactor": 1, - "legendFormat": "", - "refId": "A" - } - ], - "thresholds": "50,90", - "title": "Best Practices Score", - "transparent": true, - "type": "singlestat", - "valueFontSize": "80%", - "valueMaps": [ + "legendFormat": "Content Speed Index ", + "refId": "F" + }, { - "op": "=", - "text": "N/A", - "value": "null" - } - ], - "valueName": "current" - }, - { - "collapsed": true, - "gridPos": { - "h": 1, - "w": 24, - "x": 0, - "y": 10 - }, - "id": 66, - "panels": [ + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_bootup_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "JS Bootup Time", + "refId": "G" + }, { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 0, - "y": 11 - }, - "id": 45, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 12, - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeat": null, - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [ - { - "alias": "Total Time", - "yaxis": 2 - } - ], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_lighthouse_total_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "hide": false, - "intervalFactor": 1, - "legendFormat": "Total Time", - "refId": "A" - }, - { - "expr": "pagespeed_lighthouse_first_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Contentful Paint", - "refId": "B" - }, - { - "expr": "pagespeed_lighthouse_first_cpu_idle_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First CPU Idle", - "refId": "C" - }, - { - "expr": "pagespeed_lighthouse_first_meaningful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Meaningful Paint", - "refId": "D" - }, - { - "expr": "pagespeed_lighthouse_interactive_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Interactive", - "refId": "E" - }, - { - "expr": "pagespeed_lighthouse_speed_index_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Content Speed Index ", - "refId": "F" - }, - { - "expr": "pagespeed_lighthouse_bootup_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "JS Bootup Time", - "refId": "G" - }, - { - "expr": "pagespeed_lighthouse_largest_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Largest Contentful Paint", - "refId": "H" - }, - { - "expr": "pagespeed_lighthouse_mainthread_work_breakdown_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Mainthread Work", - "refId": "I" - }, - { - "expr": "pagespeed_lighthouse_cumulative_layout_shift_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Cumulative Layout Shift", - "refId": "J" - }, - { - "expr": "pagespeed_lighthouse_total_blocking_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Total Blacking Time", - "refId": "K" - }, - { - "expr": "pagespeed_lighthouse_server_response_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Server Response Time", - "refId": "L" - }, - { - "expr": "pagespeed_lighthouse_max_potential_fid_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Max Potential FID", - "refId": "M" - }, - { - "expr": "pagespeed_lighthouse_estimated_input_latency_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Estimated Input Latency", - "refId": "N" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Timings", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": null, - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": "0", - "show": true - }, - { - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": "0", - "show": true - } - ], - "yaxis": { - "align": true, - "alignLevel": 0 - } + "expr": "delta(pagespeed_lighthouse_largest_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Largest Contentful Paint", + "refId": "H" }, { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 12, - "y": 11 - }, - "id": 62, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "sideWidth": 400, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 12, - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "delta(pagespeed_lighthouse_total_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "hide": false, - "intervalFactor": 1, - "legendFormat": "Total Time", - "refId": "A" - }, - { - "expr": "delta(pagespeed_lighthouse_first_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Contentful Paint", - "refId": "B" - }, - { - "expr": "delta(pagespeed_lighthouse_first_cpu_idle_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First CPU Idle", - "refId": "C" - }, - { - "expr": "delta(pagespeed_lighthouse_first_meaningful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Meaningful Paint", - "refId": "D" - }, - { - "expr": "delta(pagespeed_lighthouse_interactive_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Interactive", - "refId": "E" - }, - { - "expr": "delta(pagespeed_lighthouse_speed_index_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Content Speed Index ", - "refId": "F" - }, - { - "expr": "delta(pagespeed_lighthouse_bootup_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "JS Bootup Time", - "refId": "G" - }, - { - "expr": "delta(pagespeed_lighthouse_largest_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Largest Contentful Paint", - "refId": "H" - }, - { - "expr": "delta(pagespeed_lighthouse_mainthread_work_breakdown_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Mainthread Work", - "refId": "I" - }, - { - "expr": "delta(pagespeed_lighthouse_cumulative_layout_shift_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Cumulative Layout Shift", - "refId": "J" - }, - { - "expr": "delta(pagespeed_lighthouse_total_blocking_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Total Blacking Time", - "refId": "K" - }, - { - "expr": "delta(pagespeed_lighthouse_server_response_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Server Response Time", - "refId": "L" - }, - { - "expr": "delta(pagespeed_lighthouse_max_potential_fid_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Max Potential FID", - "refId": "M" - }, - { - "expr": "delta(pagespeed_lighthouse_estimated_input_latency_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Estimated Input Latency", - "refId": "N" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Timing Diff $diff", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": null, - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": null, - "show": true - }, - { - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": null, - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": 0 - } + "expr": "delta(pagespeed_lighthouse_mainthread_work_breakdown_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Mainthread Work", + "refId": "I" }, { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "description": "https://developers.google.com/web/tools/lighthouse/v3/scoring", - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 0, - "y": 19 - }, - "id": 55, - "legend": { - "alignAsTable": true, - "avg": false, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 6, - "nullPointMode": "null as zero", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeat": null, - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [ - { - "alias": "MAX", - "fill": 0, - "linewidth": 5, - "stack": "B" - } - ], - "spaceLength": 10, - "stack": true, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{audit}}", - "refId": "A" - }, - { - "expr": "count(pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"})", - "format": "time_series", - "hide": true, - "intervalFactor": 1, - "legendFormat": "MAX", - "refId": "B" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Audit Scores", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": 2, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": "0", - "show": true - }, - { - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": "0", - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": null - } + "expr": "delta(pagespeed_lighthouse_cumulative_layout_shift_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Cumulative Layout Shift", + "refId": "J" }, { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "description": "https://developers.google.com/web/tools/lighthouse/v3/scoring", - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 12, - "y": 19 - }, - "id": 63, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "sideWidth": 400, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 6, - "nullPointMode": "null as zero", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeatDirection": "h", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [ - { - "alias": "MAX", - "fill": 0, - "linewidth": 5, - "stack": "B" - } - ], - "spaceLength": 10, - "stack": true, - "steppedLine": false, - "targets": [ - { - "expr": "delta(pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{audit}}", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Audit Diff $diff", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": 2, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true - }, - { - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": null - } + "expr": "delta(pagespeed_lighthouse_total_blocking_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Total Blacking Time", + "refId": "K" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "delta(pagespeed_lighthouse_server_response_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Server Response Time", + "refId": "L" }, { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 0, - "y": 27 - }, - "id": 57, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": true, - "min": true, - "rightSide": true, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}*100 ", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{category}}", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Score History", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": 2, - "format": "percent", - "label": null, - "logBase": 1, - "max": "100", - "min": "0", - "show": true - }, - { - "decimals": 2, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": null - } + "expr": "delta(pagespeed_lighthouse_max_potential_fid_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Max Potential FID", + "refId": "M" }, { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "decimals": 2, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 12, - "y": 27 - }, - "id": 64, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "sideWidth": 400, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "delta(pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])*100", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{category}}", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Score History Diff $diff", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": null, - "format": "percent", - "label": null, - "logBase": 1, - "max": "100", - "min": "-100", - "show": true - }, - { - "decimals": null, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": null - } + "expr": "delta(pagespeed_lighthouse_estimated_input_latency_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "Estimated Input Latency", + "refId": "N" } ], - "repeat": "strategy", - "scopedVars": { - "strategy": { - "selected": true, - "text": "desktop", - "value": "desktop" - } - }, - "title": "Timings / Scores / Audits ($strategy)", - "type": "row" + "title": "Timing Diff $diff", + "type": "timeseries" }, { - "collapsed": true, - "gridPos": { - "h": 1, - "w": 24, - "x": 0, - "y": 11 + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "id": 74, - "panels": [ - { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 0, - "y": 11 - }, - "id": 75, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 12, - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeat": null, - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 45, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "seriesOverrides": [ - { - "alias": "Total Time", - "yaxis": 2 - } - ], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_lighthouse_total_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "hide": false, - "intervalFactor": 1, - "legendFormat": "Total Time", - "refId": "A" - }, - { - "expr": "pagespeed_lighthouse_first_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Contentful Paint", - "refId": "B" - }, - { - "expr": "pagespeed_lighthouse_first_cpu_idle_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First CPU Idle", - "refId": "C" - }, - { - "expr": "pagespeed_lighthouse_first_meaningful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Meaningful Paint", - "refId": "D" + "description": "https://developers.google.com/web/tools/lighthouse/v3/scoring", + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false }, - { - "expr": "pagespeed_lighthouse_interactive_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Interactive", - "refId": "E" + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" }, - { - "expr": "pagespeed_lighthouse_speed_index_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Content Speed Index ", - "refId": "F" + "showPoints": "never", + "spanNulls": false, + "stacking": { + "group": "A", + "mode": "normal" }, - { - "expr": "pagespeed_lighthouse_bootup_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "JS Bootup Time", - "refId": "G" + "thresholdsStyle": { + "mode": "off" } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Timings", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": null, - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": "0", - "show": true + }, + "decimals": 2, + "mappings": [], + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "short" + }, + "overrides": [ + { + "matcher": { + "id": "byName", + "options": "MAX" }, - { - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": "0", - "show": true - } - ], - "yaxis": { - "align": true, - "alignLevel": 0 + "properties": [ + { + "id": "custom.fillOpacity", + "value": 0 + }, + { + "id": "custom.lineWidth", + "value": 5 + }, + { + "id": "custom.stacking", + "value": { + "group": "B", + "mode": "normal" + } + } + ] } + ] + }, + "gridPos": { + "h": 8, + "w": 12, + "x": 0, + "y": 14 + }, + "id": 55, + "options": { + "legend": { + "calcs": [ + "lastNotNull" + ], + "displayMode": "table", + "placement": "right", + "showLegend": true }, + "tooltip": { + "mode": "multi", + "sort": "none" + } + }, + "pluginVersion": "10.4.3", + "repeatDirection": "h", + "targets": [ { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 12, - "y": 11 - }, - "id": 76, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "sideWidth": 400, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 12, - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 62, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "delta(pagespeed_lighthouse_total_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "hide": false, - "intervalFactor": 1, - "legendFormat": "Total Time", - "refId": "A" - }, - { - "expr": "delta(pagespeed_lighthouse_first_contentful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Contentful Paint", - "refId": "B" - }, - { - "expr": "delta(pagespeed_lighthouse_first_cpu_idle_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First CPU Idle", - "refId": "C" - }, - { - "expr": "delta(pagespeed_lighthouse_first_meaningful_paint_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "First Meaningful Paint", - "refId": "D" + "expr": "pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "{{audit}}", + "refId": "A" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "count(pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"})", + "format": "time_series", + "hide": true, + "intervalFactor": 1, + "legendFormat": "MAX", + "refId": "B" + } + ], + "title": "Audit Scores", + "type": "timeseries" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "description": "https://developers.google.com/web/tools/lighthouse/v3/scoring", + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false }, - { - "expr": "delta(pagespeed_lighthouse_interactive_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Interactive", - "refId": "E" + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" }, - { - "expr": "delta(pagespeed_lighthouse_speed_index_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "Content Speed Index ", - "refId": "F" + "showPoints": "never", + "spanNulls": false, + "stacking": { + "group": "A", + "mode": "normal" }, - { - "expr": "delta(pagespeed_lighthouse_bootup_time_duration_seconds{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "JS Bootup Time", - "refId": "G" + "thresholdsStyle": { + "mode": "off" } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Timing Diff $diff", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": null, - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": null, - "show": true + }, + "decimals": 2, + "mappings": [], + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "short" + }, + "overrides": [ + { + "matcher": { + "id": "byName", + "options": "MAX" }, - { - "format": "s", - "label": "", - "logBase": 1, - "max": null, - "min": null, - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": 0 + "properties": [ + { + "id": "custom.fillOpacity", + "value": 0 + }, + { + "id": "custom.lineWidth", + "value": 5 + }, + { + "id": "custom.stacking", + "value": { + "group": "B", + "mode": "normal" + } + } + ] } + ] + }, + "gridPos": { + "h": 8, + "w": 12, + "x": 12, + "y": 14 + }, + "id": 63, + "options": { + "legend": { + "calcs": [ + "mean", + "lastNotNull" + ], + "displayMode": "table", + "placement": "right", + "showLegend": true, + "width": 400 }, + "tooltip": { + "mode": "multi", + "sort": "none" + } + }, + "pluginVersion": "10.4.3", + "repeatDirection": "h", + "targets": [ { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "description": "https://developers.google.com/web/tools/lighthouse/v3/scoring", - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 0, - "y": 19 - }, - "id": 77, - "legend": { - "alignAsTable": true, - "avg": false, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 6, - "nullPointMode": "null as zero", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeat": null, - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 55, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [ - { - "alias": "MAX", - "fill": 0, - "linewidth": 5, - "stack": "B" - } - ], - "spaceLength": 10, - "stack": true, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{audit}}", - "refId": "A" + "expr": "delta(pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "{{audit}}", + "refId": "A" + } + ], + "title": "Audit Diff $diff", + "type": "timeseries" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false }, - { - "expr": "count(pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"})", - "format": "time_series", - "hide": true, - "intervalFactor": 1, - "legendFormat": "MAX", - "refId": "B" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Audit Scores", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": 2, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": "0", - "show": true + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" }, - { - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": "0", - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": null - } - }, - { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "description": "https://developers.google.com/web/tools/lighthouse/v3/scoring", - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 12, - "y": 19 - }, - "id": 78, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "sideWidth": 400, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "minSpan": 6, - "nullPointMode": "null as zero", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeatDirection": "h", - "repeatIteration": 1544453795337, - "repeatPanelId": 63, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "seriesOverrides": [ - { - "alias": "MAX", - "fill": 0, - "linewidth": 5, - "stack": "B" - } - ], - "spaceLength": 10, - "stack": true, - "steppedLine": false, - "targets": [ - { - "expr": "delta(pagespeed_lighthouse_audit_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{audit}}", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Audit Diff $diff", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": 2, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true + "showPoints": "never", + "spanNulls": false, + "stacking": { + "group": "A", + "mode": "none" }, - { - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true + "thresholdsStyle": { + "mode": "off" } + }, + "decimals": 2, + "mappings": [], + "max": 100, + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "percent" + }, + "overrides": [] + }, + "gridPos": { + "h": 8, + "w": 12, + "x": 0, + "y": 22 + }, + "id": 57, + "options": { + "legend": { + "calcs": [ + "mean", + "lastNotNull", + "max", + "min" ], - "yaxis": { - "align": false, - "alignLevel": null - } + "displayMode": "table", + "placement": "right", + "showLegend": true }, + "tooltip": { + "mode": "multi", + "sort": "none" + } + }, + "pluginVersion": "10.4.3", + "targets": [ { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 0, - "y": 27 - }, - "id": 79, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": true, - "min": true, - "rightSide": true, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeatIteration": 1544453795337, - "repeatPanelId": 57, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}*100 ", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{category}}", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Score History", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": 2, - "format": "percent", - "label": null, - "logBase": 1, - "max": "100", - "min": "0", - "show": true + "expr": "pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}*100 ", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "{{category}}", + "refId": "A" + } + ], + "title": "Score History", + "type": "timeseries" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false }, - { - "decimals": 2, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "never", + "spanNulls": false, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" } + }, + "mappings": [], + "max": 100, + "min": -100, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "percent" + }, + "overrides": [] + }, + "gridPos": { + "h": 8, + "w": 12, + "x": 12, + "y": 22 + }, + "id": 64, + "options": { + "legend": { + "calcs": [ + "mean", + "lastNotNull" ], - "yaxis": { - "align": false, - "alignLevel": null - } + "displayMode": "table", + "placement": "right", + "showLegend": true, + "width": 400 }, + "tooltip": { + "mode": "multi", + "sort": "none" + } + }, + "pluginVersion": "10.4.3", + "targets": [ { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "decimals": 2, - "fill": 1, - "gridPos": { - "h": 8, - "w": 12, - "x": 12, - "y": 27 - }, - "id": 80, - "legend": { - "alignAsTable": true, - "avg": true, - "current": true, - "max": false, - "min": false, - "rightSide": true, - "show": true, - "sideWidth": 400, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "nullPointMode": "null", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "repeatIteration": 1544453795337, - "repeatPanelId": 64, - "repeatedByRow": true, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "delta(pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])*100", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "{{category}}", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Score History Diff $diff", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "decimals": null, - "format": "percent", - "label": null, - "logBase": 1, - "max": "100", - "min": "-100", - "show": true - }, - { - "decimals": null, - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true - } - ], - "yaxis": { - "align": false, - "alignLevel": null - } + "expr": "delta(pagespeed_lighthouse_category_score{host=\"$host\",path=\"$path\",strategy=\"$strategy\"}[$diff])*100", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "{{category}}", + "refId": "A" } ], - "repeat": null, - "repeatIteration": 1544453795337, - "repeatPanelId": 66, - "scopedVars": { - "strategy": { - "selected": true, - "text": "mobile", - "value": "mobile" - } - }, - "title": "Timings / Scores / Audits ($strategy)", - "type": "row" + "title": "Score History Diff $diff", + "type": "timeseries" }, { - "collapsed": true, + "collapsed": false, + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, "gridPos": { "h": 1, "w": 24, "x": 0, - "y": 12 + "y": 30 }, "id": 4, - "panels": [ + "panels": [], + "targets": [ { - "aliasColors": {}, - "bars": false, - "dashLength": 10, - "dashes": false, - "datasource": null, - "fill": 1, - "gridPos": { - "h": 9, - "w": 24, - "x": 0, - "y": 7 - }, - "id": 2, - "legend": { - "alignAsTable": true, - "avg": true, - "current": false, - "max": true, - "min": true, - "rightSide": false, - "show": true, - "total": false, - "values": true - }, - "lines": true, - "linewidth": 1, - "links": [], - "nullPointMode": "connected", - "percentage": false, - "pointradius": 5, - "points": false, - "renderer": "flot", - "seriesOverrides": [], - "spaceLength": 10, - "stack": false, - "steppedLine": false, - "targets": [ - { - "expr": "pagespeed_scrape_duration_seconds", - "format": "time_series", - "intervalFactor": 1, - "legendFormat": "scrape duration", - "refId": "A" - } - ], - "thresholds": [], - "timeFrom": null, - "timeShift": null, - "title": "Pagespeed Scrape Duration", - "tooltip": { - "shared": true, - "sort": 0, - "value_type": "individual" - }, - "type": "graph", - "xaxis": { - "buckets": null, - "mode": "time", - "name": null, - "show": true, - "values": [] - }, - "yaxes": [ - { - "format": "s", - "label": null, - "logBase": 1, - "max": null, - "min": "0", - "show": true + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "refId": "A" + } + ], + "title": "Pagespeed Exporter Metrics", + "type": "row" + }, + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "fieldConfig": { + "defaults": { + "color": { + "mode": "palette-classic" + }, + "custom": { + "axisBorderShow": false, + "axisCenteredZero": false, + "axisColorMode": "text", + "axisLabel": "", + "axisPlacement": "auto", + "barAlignment": 0, + "drawStyle": "line", + "fillOpacity": 10, + "gradientMode": "none", + "hideFrom": { + "legend": false, + "tooltip": false, + "viz": false }, - { - "format": "short", - "label": null, - "logBase": 1, - "max": null, - "min": null, - "show": true + "insertNulls": false, + "lineInterpolation": "linear", + "lineWidth": 1, + "pointSize": 5, + "scaleDistribution": { + "type": "linear" + }, + "showPoints": "never", + "spanNulls": true, + "stacking": { + "group": "A", + "mode": "none" + }, + "thresholdsStyle": { + "mode": "off" } + }, + "mappings": [], + "min": 0, + "thresholds": { + "mode": "absolute", + "steps": [ + { + "color": "green", + "value": null + }, + { + "color": "red", + "value": 80 + } + ] + }, + "unit": "s" + }, + "overrides": [] + }, + "gridPos": { + "h": 9, + "w": 24, + "x": 0, + "y": 31 + }, + "id": 2, + "options": { + "legend": { + "calcs": [ + "mean", + "max", + "min" ], - "yaxis": { - "align": false, - "alignLevel": null - } + "displayMode": "table", + "placement": "bottom", + "showLegend": true + }, + "tooltip": { + "mode": "multi", + "sort": "none" + } + }, + "pluginVersion": "10.4.3", + "targets": [ + { + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" + }, + "expr": "pagespeed_scrape_duration_seconds", + "format": "time_series", + "intervalFactor": 1, + "legendFormat": "scrape duration", + "refId": "A" } ], - "title": "Pagespeed Exporter Metrics", - "type": "row" + "title": "Pagespeed Scrape Duration", + "type": "timeseries" } ], - "refresh": false, - "schemaVersion": 16, - "style": "dark", + "refresh": "", + "schemaVersion": 39, "tags": [], "templating": { "list": [ { - "allValue": null, - "current": { - "text": "https://www.google.com", - "value": "https://www.google.com" + "current": {}, + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "datasource": "prometheus", - "definition": "", + "definition": "label_values(pagespeed_lighthouse_category_score,host)", "hide": 0, "includeAll": false, "label": "host", "multi": false, "name": "host", "options": [], - "query": "label_values(pagespeed_lighthouse_category_score,host)", + "query": { + "qryType": 1, + "query": "label_values(pagespeed_lighthouse_category_score,host)", + "refId": "PrometheusVariableQueryEditor-VariableQuery" + }, "refresh": 1, "regex": "", "skipUrlSync": false, - "sort": 6, - "tagValuesQuery": "", - "tags": [], - "tagsQuery": "", - "type": "query", - "useTags": false + "sort": 0, + "type": "query" }, { - "allValue": null, - "current": { - "text": "/", - "value": "/" + "current": {}, + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "datasource": "prometheus", - "definition": "", + "definition": "label_values(pagespeed_lighthouse_category_score,path)", "hide": 0, "includeAll": false, "label": "path", "multi": false, "name": "path", "options": [], - "query": "label_values(pagespeed_lighthouse_category_score{host=\"$host\"},path)", + "query": { + "qryType": 1, + "query": "label_values(pagespeed_lighthouse_category_score,path)", + "refId": "PrometheusVariableQueryEditor-VariableQuery" + }, "refresh": 1, "regex": "", "skipUrlSync": false, - "sort": 6, - "tagValuesQuery": "", - "tags": [], - "tagsQuery": "", - "type": "query", - "useTags": false + "sort": 0, + "type": "query" }, { - "allValue": "all", - "current": { - "text": "desktop + mobile", - "value": ["desktop", "mobile"] + "current": {}, + "datasource": { + "type": "prometheus", + "uid": "${DS_PROMETHEUS}" }, - "datasource": "prometheus", - "definition": "", + "definition": "label_values(pagespeed_lighthouse_category_score,strategy)", "hide": 0, - "includeAll": true, + "includeAll": false, "label": "strategy", - "multi": true, + "multi": false, "name": "strategy", "options": [], - "query": "label_values(pagespeed_lighthouse_category_score,strategy)", + "query": { + "qryType": 1, + "query": "label_values(pagespeed_lighthouse_category_score,strategy)", + "refId": "PrometheusVariableQueryEditor-VariableQuery" + }, "refresh": 1, "regex": "", "skipUrlSync": false, "sort": 0, - "tagValuesQuery": "", - "tags": [], - "tagsQuery": "", - "type": "query", - "useTags": false + "type": "query" }, { - "allValue": null, "current": { - "selected": true, - "text": "1w", - "value": "1w" + "selected": false, + "text": "1d", + "value": "1d" }, "hide": 0, "includeAll": false, @@ -2775,7 +1791,7 @@ "name": "diff", "options": [ { - "selected": false, + "selected": true, "text": "1d", "value": "1d" }, @@ -2785,7 +1801,7 @@ "value": "2d" }, { - "selected": true, + "selected": false, "text": "1w", "value": "1w" }, @@ -2801,6 +1817,7 @@ } ], "query": "1d,2d,1w, 2w, 1m", + "queryValue": "", "skipUrlSync": false, "type": "custom" } @@ -2823,10 +1840,21 @@ "2h", "1d" ], - "time_options": ["5m", "15m", "1h", "6h", "12h", "24h", "2d", "7d", "30d"] + "time_options": [ + "5m", + "15m", + "1h", + "6h", + "12h", + "24h", + "2d", + "7d", + "30d" + ] }, "timezone": "", "title": "Pagespeed", "uid": "q0iQ5eLik", - "version": 2 -} + "version": 3, + "weekStart": "" +} \ No newline at end of file