7692 lines
194 KiB
JSON
7692 lines
194 KiB
JSON
{
|
||
"__inputs": [
|
||
{
|
||
"name": "DS_GRAPHITE",
|
||
"label": "graphite",
|
||
"description": "",
|
||
"type": "datasource",
|
||
"pluginId": "graphite",
|
||
"pluginName": "Graphite"
|
||
},
|
||
{
|
||
"name": "VAR_BASE",
|
||
"type": "constant",
|
||
"label": "sitespeed_io",
|
||
"value": "sitespeed_io_crux",
|
||
"description": ""
|
||
}
|
||
],
|
||
"__elements": {},
|
||
"__requires": [
|
||
{
|
||
"type": "grafana",
|
||
"id": "grafana",
|
||
"name": "Grafana",
|
||
"version": "11.3.1"
|
||
},
|
||
{
|
||
"type": "datasource",
|
||
"id": "graphite",
|
||
"name": "Graphite",
|
||
"version": "1.0.0"
|
||
},
|
||
{
|
||
"type": "panel",
|
||
"id": "piechart",
|
||
"name": "Pie chart",
|
||
"version": ""
|
||
},
|
||
{
|
||
"type": "panel",
|
||
"id": "stat",
|
||
"name": "Stat",
|
||
"version": ""
|
||
},
|
||
{
|
||
"type": "panel",
|
||
"id": "text",
|
||
"name": "Text",
|
||
"version": ""
|
||
},
|
||
{
|
||
"type": "panel",
|
||
"id": "timeseries",
|
||
"name": "Time series",
|
||
"version": ""
|
||
}
|
||
],
|
||
"annotations": {
|
||
"list": [
|
||
{
|
||
"builtIn": 1,
|
||
"datasource": {
|
||
"type": "datasource",
|
||
"uid": "grafana"
|
||
},
|
||
"enable": true,
|
||
"hide": true,
|
||
"iconColor": "rgba(0, 211, 255, 1)",
|
||
"name": "Annotations & Alerts",
|
||
"target": {
|
||
"limit": 100,
|
||
"matchAny": false,
|
||
"tags": [],
|
||
"type": "dashboard"
|
||
},
|
||
"type": "dashboard"
|
||
}
|
||
]
|
||
},
|
||
"editable": true,
|
||
"fiscalYearStartMonth": 0,
|
||
"graphTooltip": 0,
|
||
"id": null,
|
||
"links": [],
|
||
"panels": [
|
||
{
|
||
"collapsed": true,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 0
|
||
},
|
||
"id": 65,
|
||
"panels": [
|
||
{
|
||
"fieldConfig": {
|
||
"defaults": {},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 22,
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"id": 66,
|
||
"options": {
|
||
"code": {
|
||
"language": "plaintext",
|
||
"showLineNumbers": false,
|
||
"showMiniMap": false
|
||
},
|
||
"content": "Metrics | Fast (Green) | Need improvement (Yellow) | Slow (Red)\n------------ | ------------- | ------------- | ------------- \nFirst Contentful Paint | 0 - 1000 ms |1000 - 3000 ms| > 3000 ms\nLargest Contentful Paint | 0 - 2500 ms | 2500 - 4000 ms | > 4000 ms\nFirst Input Delay | 0 - 100 ms | 100 - 300 ms | > 300 \nCumulative Layout Shift Score | 0 - 0.1 | 0.1 - 0.25 | > 0.25\nTime To First Byte | 0 - 800 ms | 800 - 1800 ms | > 1800 ms \nInteraction To Next Paint | 0 - 200 ms | 200 - 500 ms | > 500 ms\nRound Trip Time | 0 - 75 ms | 75 - 275 ms | > 275 ms",
|
||
"mode": "markdown"
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"title": "",
|
||
"type": "text"
|
||
}
|
||
],
|
||
"title": "Buckets and limits",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"collapsed": true,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"id": 70,
|
||
"panels": [
|
||
{
|
||
"fieldConfig": {
|
||
"defaults": {},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 2,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 2
|
||
},
|
||
"id": 75,
|
||
"options": {
|
||
"code": {
|
||
"language": "plaintext",
|
||
"showLineNumbers": false,
|
||
"showMiniMap": false
|
||
},
|
||
"content": "Navigation types means how the user navigates to the page. You can read about the definition of navigation types [here](https://developer.chrome.com/blog/crux-navigation-types). Form factors shows us how the user accessed our page. ",
|
||
"mode": "markdown"
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"title": "",
|
||
"type": "text"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"mappings": []
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 12,
|
||
"x": 0,
|
||
"y": 4
|
||
},
|
||
"id": 73,
|
||
"options": {
|
||
"displayLabels": [],
|
||
"legend": {
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"percent"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FORM_FACTORS_FRACTIONS.*, 100), 9)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"title": "Form factors",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"mappings": []
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 12,
|
||
"x": 12,
|
||
"y": 4
|
||
},
|
||
"id": 74,
|
||
"options": {
|
||
"displayLabels": [],
|
||
"legend": {
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"percent"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.NAVIGATION_TYPES_FRACTIONS.*, 100), 10)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"title": "Navigation types",
|
||
"type": "piechart"
|
||
}
|
||
],
|
||
"title": "Navigation types and form factors per $group$page",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"collapsed": true,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 2
|
||
},
|
||
"id": 69,
|
||
"panels": [
|
||
{
|
||
"fieldConfig": {
|
||
"defaults": {},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 9,
|
||
"x": 0,
|
||
"y": 46
|
||
},
|
||
"id": 79,
|
||
"options": {
|
||
"code": {
|
||
"language": "plaintext",
|
||
"showLineNumbers": false,
|
||
"showMiniMap": false
|
||
},
|
||
"content": "Round trip time is a measure of the network connectivity of the users to your site based on their recent internet activity, not of the site itself.",
|
||
"mode": "markdown"
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"title": "",
|
||
"type": "text"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"mappings": []
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 9,
|
||
"x": 9,
|
||
"y": 46
|
||
},
|
||
"id": 76,
|
||
"options": {
|
||
"displayLabels": [],
|
||
"legend": {
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"percent"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.high, 10)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"hide": false,
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.low, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"hide": false,
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.medium, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Round Trip Time (RTT)",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green"
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 46
|
||
},
|
||
"id": 78,
|
||
"options": {
|
||
"colorMode": "none",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "$base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.p75",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"title": "Round Trip Time 75p",
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "line",
|
||
"fillOpacity": 0,
|
||
"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": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green"
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 63
|
||
},
|
||
"id": 77,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"min",
|
||
"max"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.high, 10)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"hide": false,
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.low, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"hide": false,
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.ROUND_TRIP_TIME_MS.medium, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Round Trip Time (RTT)",
|
||
"type": "timeseries"
|
||
}
|
||
],
|
||
"title": "Round Trip Time (RTT) $group$page",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"collapsed": true,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 3
|
||
},
|
||
"id": 80,
|
||
"panels": [
|
||
{
|
||
"fieldConfig": {
|
||
"defaults": {},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 8,
|
||
"x": 0,
|
||
"y": 107
|
||
},
|
||
"id": 81,
|
||
"options": {
|
||
"code": {
|
||
"language": "plaintext",
|
||
"showLineNumbers": false,
|
||
"showMiniMap": false
|
||
},
|
||
"content": "Here you can see how many of our users that gets an largest contentful element as an image or as an text/HTML element.",
|
||
"mode": "markdown"
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"title": "",
|
||
"type": "text"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"mappings": []
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 8,
|
||
"x": 8,
|
||
"y": 107
|
||
},
|
||
"id": 82,
|
||
"options": {
|
||
"displayLabels": [],
|
||
"legend": {
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"percent"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LCP_RESOURCE_TYPES_FRACTIONS.*, 100), 10)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"title": "LCP element types",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "line",
|
||
"fillOpacity": 0,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "auto",
|
||
"spanNulls": false,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "none"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green"
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 8,
|
||
"x": 16,
|
||
"y": 107
|
||
},
|
||
"id": 83,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LCP_RESOURCE_TYPES_FRACTIONS.*, 100), 10)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "LCP element types",
|
||
"type": "timeseries"
|
||
}
|
||
],
|
||
"title": "LCP extra information $group$page",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"collapsed": true,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 4
|
||
},
|
||
"id": 67,
|
||
"panels": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Interaction To Next Paint",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green"
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 200
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 500
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 48
|
||
},
|
||
"id": 44,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.p75, 'Interaction to next paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "",
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 48
|
||
},
|
||
"id": 46,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Interaction To Next Paint",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green"
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 48
|
||
},
|
||
"id": 48,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Interaction To Next Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green"
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 48
|
||
},
|
||
"id": 68,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "Interaction To Next Paint",
|
||
"type": "timeseries"
|
||
}
|
||
],
|
||
"title": "Responsiveness for page $group$page ",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"collapsed": false,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 5
|
||
},
|
||
"id": 60,
|
||
"panels": [],
|
||
"title": "CrUX data for page $group$page 75 percentile",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Time To First Byte",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 800
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 1800
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 6
|
||
},
|
||
"id": 45,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.p75, 'Time To First Byte')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "First Contentful Paint",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 1000
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 3000
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 6
|
||
},
|
||
"id": 4,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.p75, 'First Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Largest Contentful Paint",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 2500
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 4000
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 6
|
||
},
|
||
"id": 5,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.p75, 'Largest Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Cumulative Layout Shift",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 0.1
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 0.25
|
||
}
|
||
]
|
||
},
|
||
"unit": "none"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 6
|
||
},
|
||
"id": 7,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Time To First Byte",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 12
|
||
},
|
||
"id": 51,
|
||
"maxDataPoints": "",
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "First Contentful Paint",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 12
|
||
},
|
||
"id": 33,
|
||
"maxDataPoints": "",
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.p75, 'First Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Largest Contentful Paint",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 12
|
||
},
|
||
"id": 34,
|
||
"maxDataPoints": "",
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.p75, 'Largest Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Cumulative Layout Shift",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "none"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 12
|
||
},
|
||
"id": 50,
|
||
"maxDataPoints": "",
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 19
|
||
},
|
||
"id": 47,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.fast, 100), 10)",
|
||
"textEditor": true
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Time To First Byte",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 19
|
||
},
|
||
"id": 23,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "First Contentful Paint",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 19
|
||
},
|
||
"id": 16,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Largest Contentful Paint",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 19
|
||
},
|
||
"id": 26,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Cumulative Layout Shift",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 26
|
||
},
|
||
"id": 49,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Time To First Byte",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 26
|
||
},
|
||
"id": 15,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "First Contentful Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 26
|
||
},
|
||
"id": 24,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Largest Contentful Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 26
|
||
},
|
||
"id": 18,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Cumulative Layout Shift",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 34
|
||
},
|
||
"id": 61,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "Time To First Byte",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 34
|
||
},
|
||
"id": 62,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "First Contentful Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 34
|
||
},
|
||
"id": 63,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "Largest Contentful Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 34
|
||
},
|
||
"id": 64,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.fast, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.moderate, 100), 10)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.slow, 100), 10)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "Cumulative Layout Shift",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"collapsed": false,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 42
|
||
},
|
||
"id": 9,
|
||
"panels": [],
|
||
"title": "CrUX data for origin $group",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Time To First Byte",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 800
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 1800
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 5,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 43
|
||
},
|
||
"id": 53,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "First Contentful Paint",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 1000
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 3000
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 5,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 43
|
||
},
|
||
"id": 10,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.p75, 'First Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Largest Contentful Paint",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 2500
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 4000
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 5,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 43
|
||
},
|
||
"id": 11,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.p75, 'Largest Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Cumulative Layout Shift",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 0.1
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 0.25
|
||
}
|
||
]
|
||
},
|
||
"unit": "none"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 5,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 43
|
||
},
|
||
"id": 13,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 48
|
||
},
|
||
"id": 55,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Time To First Byte",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 48
|
||
},
|
||
"id": 27,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "First Contentful Paint",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 48
|
||
},
|
||
"id": 43,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Largest Contentful Paint",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 7,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 48
|
||
},
|
||
"id": 30,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Cumulative Layout Shift",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 6,
|
||
"x": 0,
|
||
"y": 55
|
||
},
|
||
"id": 57,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Time To First Byte",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 6,
|
||
"x": 6,
|
||
"y": 55
|
||
},
|
||
"id": 19,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "First Contentful Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 6,
|
||
"x": 12,
|
||
"y": 55
|
||
},
|
||
"id": 20,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Largest Contentful Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 9,
|
||
"w": 6,
|
||
"x": 18,
|
||
"y": 55
|
||
},
|
||
"id": 22,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Cumulative Layout Shift",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "thresholds"
|
||
},
|
||
"displayName": "Interaction To Next Paint",
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "#EAB839",
|
||
"value": 200
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 500
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 8,
|
||
"x": 0,
|
||
"y": 64
|
||
},
|
||
"id": 52,
|
||
"options": {
|
||
"colorMode": "background",
|
||
"graphMode": "none",
|
||
"justifyMode": "center",
|
||
"orientation": "auto",
|
||
"percentChangeColorMode": "standard",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"showPercentChange": false,
|
||
"text": {},
|
||
"textMode": "auto",
|
||
"wideLayout": true
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"type": "stat"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
}
|
||
},
|
||
"decimals": 0,
|
||
"mappings": [],
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "#E02F44",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 8,
|
||
"x": 8,
|
||
"y": 64
|
||
},
|
||
"id": 54,
|
||
"maxDataPoints": 1,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [],
|
||
"displayMode": "table",
|
||
"placement": "right",
|
||
"showLegend": true,
|
||
"values": [
|
||
"value"
|
||
]
|
||
},
|
||
"pieType": "pie",
|
||
"reduceOptions": {
|
||
"calcs": [
|
||
"lastNotNull"
|
||
],
|
||
"fields": "",
|
||
"values": false
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"title": "Interaction To Next Paint",
|
||
"type": "piechart"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"description": "",
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "bars",
|
||
"fillOpacity": 100,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "never",
|
||
"spanNulls": true,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "percent"
|
||
},
|
||
"overrides": [
|
||
{
|
||
"matcher": {
|
||
"id": "byName",
|
||
"options": "slow"
|
||
},
|
||
"properties": [
|
||
{
|
||
"id": "color",
|
||
"value": {
|
||
"fixedColor": "dark-red",
|
||
"mode": "fixed"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"gridPos": {
|
||
"h": 8,
|
||
"w": 8,
|
||
"x": 16,
|
||
"y": 64
|
||
},
|
||
"id": 56,
|
||
"options": {
|
||
"alertThreshold": true,
|
||
"legend": {
|
||
"calcs": [
|
||
"lastNotNull",
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "multi",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.fast, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "B",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.moderate, 100), 9)",
|
||
"textEditor": false
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "C",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.slow, 100), 9)",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Interaction To Next Paint",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"collapsed": false,
|
||
"gridPos": {
|
||
"h": 1,
|
||
"w": 24,
|
||
"x": 0,
|
||
"y": 72
|
||
},
|
||
"id": 38,
|
||
"panels": [],
|
||
"title": "History origin $group",
|
||
"type": "row"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "First Contentful Paint",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 8,
|
||
"x": 0,
|
||
"y": 73
|
||
},
|
||
"id": 39,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FIRST_CONTENTFUL_PAINT_MS.p75, 'First Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "FCP",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Largest Contentful Paint",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 8,
|
||
"x": 8,
|
||
"y": 73
|
||
},
|
||
"id": 40,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LARGEST_CONTENTFUL_PAINT_MS.p75, 'Largest Contentful Paint')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "LCP",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Time To First Byte",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 8,
|
||
"x": 16,
|
||
"y": 73
|
||
},
|
||
"id": 59,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "$base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.TIME_TO_FIRST_BYTE_MS.p75",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "TTFB",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Cumulative Layout Shift",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "none"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 8,
|
||
"x": 0,
|
||
"y": 79
|
||
},
|
||
"id": 42,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.CUMULATIVE_LAYOUT_SHIFT_SCORE.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "CLS",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Interaction To Next Paint",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 8,
|
||
"x": 8,
|
||
"y": 79
|
||
},
|
||
"id": 58,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "alias($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.INTERACTION_TO_NEXT_PAINT_MS.p75, 'Cumulative Layout Shift')",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "INP",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"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"
|
||
}
|
||
},
|
||
"displayName": "Round Trip Time",
|
||
"links": [],
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
},
|
||
"unit": "ms"
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 6,
|
||
"w": 8,
|
||
"x": 16,
|
||
"y": 79
|
||
},
|
||
"id": 85,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"max",
|
||
"min"
|
||
],
|
||
"displayMode": "list",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "$base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.ROUND_TRIP_TIME_MS.p75",
|
||
"textEditor": false
|
||
}
|
||
],
|
||
"timeFrom": "1y",
|
||
"title": "RTT",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "line",
|
||
"fillOpacity": 11,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "auto",
|
||
"spanNulls": false,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 12,
|
||
"w": 8,
|
||
"x": 0,
|
||
"y": 85
|
||
},
|
||
"id": 86,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"min",
|
||
"max"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.FORM_FACTORS_FRACTIONS.*, 100), 9)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Form factors",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "line",
|
||
"fillOpacity": 9,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "auto",
|
||
"spanNulls": false,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 12,
|
||
"w": 8,
|
||
"x": 8,
|
||
"y": 85
|
||
},
|
||
"id": 87,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"min",
|
||
"max"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.NAVIGATION_TYPES_FRACTIONS.*, 100), 9)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "Navigation types",
|
||
"type": "timeseries"
|
||
},
|
||
{
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"fieldConfig": {
|
||
"defaults": {
|
||
"color": {
|
||
"mode": "palette-classic"
|
||
},
|
||
"custom": {
|
||
"axisBorderShow": false,
|
||
"axisCenteredZero": false,
|
||
"axisColorMode": "text",
|
||
"axisLabel": "",
|
||
"axisPlacement": "auto",
|
||
"barAlignment": 0,
|
||
"barWidthFactor": 0.6,
|
||
"drawStyle": "line",
|
||
"fillOpacity": 9,
|
||
"gradientMode": "none",
|
||
"hideFrom": {
|
||
"legend": false,
|
||
"tooltip": false,
|
||
"viz": false
|
||
},
|
||
"insertNulls": false,
|
||
"lineInterpolation": "linear",
|
||
"lineWidth": 1,
|
||
"pointSize": 5,
|
||
"scaleDistribution": {
|
||
"type": "linear"
|
||
},
|
||
"showPoints": "auto",
|
||
"spanNulls": false,
|
||
"stacking": {
|
||
"group": "A",
|
||
"mode": "percent"
|
||
},
|
||
"thresholdsStyle": {
|
||
"mode": "off"
|
||
}
|
||
},
|
||
"mappings": [],
|
||
"thresholds": {
|
||
"mode": "absolute",
|
||
"steps": [
|
||
{
|
||
"color": "green",
|
||
"value": null
|
||
},
|
||
{
|
||
"color": "red",
|
||
"value": 80
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"overrides": []
|
||
},
|
||
"gridPos": {
|
||
"h": 12,
|
||
"w": 8,
|
||
"x": 16,
|
||
"y": 85
|
||
},
|
||
"id": 88,
|
||
"options": {
|
||
"legend": {
|
||
"calcs": [
|
||
"min",
|
||
"max",
|
||
"lastNotNull"
|
||
],
|
||
"displayMode": "table",
|
||
"placement": "bottom",
|
||
"showLegend": true
|
||
},
|
||
"tooltip": {
|
||
"mode": "single",
|
||
"sort": "none"
|
||
}
|
||
},
|
||
"pluginVersion": "11.3.1",
|
||
"targets": [
|
||
{
|
||
"refCount": 0,
|
||
"refId": "A",
|
||
"target": "aliasByNode(scale($base.$path.$testname.summary.$group.crux.originLoadingExperience.$formFactor.LCP_RESOURCE_TYPES_FRACTIONS.*, 100), 9)",
|
||
"textEditor": false,
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
}
|
||
}
|
||
],
|
||
"timeFrom": "30d",
|
||
"title": "LCP element",
|
||
"type": "timeseries"
|
||
}
|
||
],
|
||
"schemaVersion": 40,
|
||
"tags": [],
|
||
"templating": {
|
||
"list": [
|
||
{
|
||
"hide": 2,
|
||
"label": "sitespeed_io",
|
||
"name": "base",
|
||
"query": "${VAR_BASE}",
|
||
"skipUrlSync": true,
|
||
"type": "constant",
|
||
"current": {
|
||
"value": "${VAR_BASE}",
|
||
"text": "${VAR_BASE}",
|
||
"selected": false
|
||
},
|
||
"options": [
|
||
{
|
||
"value": "${VAR_BASE}",
|
||
"text": "${VAR_BASE}",
|
||
"selected": false
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"current": {},
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"definition": "$base.*",
|
||
"includeAll": false,
|
||
"name": "path",
|
||
"options": [],
|
||
"query": "$base.*",
|
||
"refresh": 1,
|
||
"regex": "",
|
||
"type": "query"
|
||
},
|
||
{
|
||
"current": {},
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"definition": "$base.$path.*",
|
||
"includeAll": false,
|
||
"name": "testname",
|
||
"options": [],
|
||
"query": "$base.$path.*",
|
||
"refresh": 1,
|
||
"regex": "",
|
||
"type": "query"
|
||
},
|
||
{
|
||
"current": {},
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"definition": "$base.$path.$testname.pageSummary.*",
|
||
"includeAll": false,
|
||
"label": "domain",
|
||
"name": "group",
|
||
"options": [],
|
||
"query": "$base.$path.$testname.pageSummary.*",
|
||
"refresh": 1,
|
||
"regex": "",
|
||
"type": "query"
|
||
},
|
||
{
|
||
"current": {},
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"definition": "$base.$path.$testname.pageSummary.$group.*",
|
||
"includeAll": false,
|
||
"name": "page",
|
||
"options": [],
|
||
"query": "$base.$path.$testname.pageSummary.$group.*",
|
||
"refresh": 1,
|
||
"regex": "",
|
||
"type": "query"
|
||
},
|
||
{
|
||
"current": {},
|
||
"datasource": {
|
||
"type": "graphite",
|
||
"uid": "${DS_GRAPHITE}"
|
||
},
|
||
"definition": "$base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.*",
|
||
"includeAll": false,
|
||
"label": "Form Factor",
|
||
"name": "formFactor",
|
||
"options": [],
|
||
"query": "$base.$path.$testname.pageSummary.$group.$page.crux.loadingExperience.*",
|
||
"refresh": 1,
|
||
"regex": "",
|
||
"type": "query"
|
||
}
|
||
]
|
||
},
|
||
"time": {
|
||
"from": "now-2d",
|
||
"to": "now"
|
||
},
|
||
"timepicker": {
|
||
"refresh_intervals": [
|
||
"10s",
|
||
"30s",
|
||
"1m",
|
||
"5m",
|
||
"15m",
|
||
"30m",
|
||
"1h",
|
||
"2h",
|
||
"1d"
|
||
]
|
||
},
|
||
"timezone": "",
|
||
"title": "Chrome User Experience Report",
|
||
"uid": "t_bhsNGMk",
|
||
"version": 16,
|
||
"weekStart": ""
|
||
} |