Antoni Nuñez Romeu
fa842d3f6f
Run Tests on Branches / Detect Changes (push) Successful in 13s
Run Tests on Branches / Backend Tests (push) Has been skipped
Run Tests on Branches / Frontend Mobile Tests (push) Has been skipped
Run Tests on Branches / Parapharmacy API Tests (push) Has been skipped
Run Tests on Branches / Frontend Tests (push) Has been skipped
Run Tests on Branches / PIP Platform Tests (push) Has been skipped
Faro SDK sends traces (spans with events) via OTLP, not OTLP logs or metrics. Rewrote all 3 Faro dashboards to use Tempo TraceQL queries instead of Loki LogQL. - faro-overview: page views, exceptions, console errors, navigation - faro-js-errors: exception traces, console error traces - faro-web-vitals: LCP, FCP, CLS, TTFB via web-vitals span events All panels now query Tempo (uid P214B5B846CF3925F) with TraceQL.
135 lines
4.5 KiB
JSON
135 lines
4.5 KiB
JSON
{
|
|
"annotations": { "list": [] },
|
|
"description": "Core Web Vitals (LCP, CLS, FCP, TTFB, INP) from Grafana Faro. Vitals are captured as span events in Tempo.",
|
|
"editable": true,
|
|
"graphTooltip": 1,
|
|
"id": null,
|
|
"links": [],
|
|
"liveNow": false,
|
|
"panels": [
|
|
{
|
|
"type": "stat",
|
|
"title": "LCP p75 (ms)",
|
|
"datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
|
|
"gridPos": { "h": 5, "w": 6, "x": 0, "y": 0 },
|
|
"fieldConfig": { "defaults": { "unit": "ms" } },
|
|
"options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
|
|
"targets": [
|
|
{
|
|
"query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"LCP\"",
|
|
"refId": "A",
|
|
"limit": 1000,
|
|
"tableType": "traceql"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "stat",
|
|
"title": "FCP p75 (ms)",
|
|
"datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
|
|
"gridPos": { "h": 5, "w": 6, "x": 6, "y": 0 },
|
|
"fieldConfig": { "defaults": { "unit": "ms" } },
|
|
"options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
|
|
"targets": [
|
|
{
|
|
"query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"FCP\"",
|
|
"refId": "A",
|
|
"limit": 1000,
|
|
"tableType": "traceql"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "stat",
|
|
"title": "CLS p75",
|
|
"datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
|
|
"gridPos": { "h": 5, "w": 6, "x": 12, "y": 0 },
|
|
"fieldConfig": { "defaults": { "unit": "none", "decimals": 3 } },
|
|
"options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
|
|
"targets": [
|
|
{
|
|
"query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"CLS\"",
|
|
"refId": "A",
|
|
"limit": 1000,
|
|
"tableType": "traceql"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "stat",
|
|
"title": "TTFB p75 (ms)",
|
|
"datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
|
|
"gridPos": { "h": 5, "w": 6, "x": 18, "y": 0 },
|
|
"fieldConfig": { "defaults": { "unit": "ms" } },
|
|
"options": { "reduceOptions": { "calcs": ["lastNotNull"] } },
|
|
"targets": [
|
|
{
|
|
"query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" } | logfmt | name = \"TTFB\"",
|
|
"refId": "A",
|
|
"limit": 1000,
|
|
"tableType": "traceql"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "table",
|
|
"title": "Recent web-vitals events",
|
|
"datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
|
|
"gridPos": { "h": 12, "w": 24, "x": 0, "y": 5 },
|
|
"options": { "showHeader": true },
|
|
"targets": [
|
|
{
|
|
"query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"web-vitals\" }",
|
|
"refId": "A",
|
|
"limit": 30,
|
|
"tableType": "traceql"
|
|
}
|
|
],
|
|
"transformations": [
|
|
{
|
|
"id": "organize",
|
|
"options": {
|
|
"excludeByName": { "traceID": false, "rootServiceName": true, "rootTraceName": false, "duration": true, "startTime": true },
|
|
"renameByName": { "traceID": "Trace ID", "rootTraceName": "Name", "duration": "Duration", "startTime": "Time" }
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"type": "table",
|
|
"title": "Recent navigation events",
|
|
"datasource": { "type": "tempo", "uid": "P214B5B846CF3925F" },
|
|
"gridPos": { "h": 10, "w": 24, "x": 0, "y": 17 },
|
|
"options": { "showHeader": true },
|
|
"targets": [
|
|
{
|
|
"query": "{ service.name = \"farmafinder-frontend\" && span.event.name = \"navigation\" }",
|
|
"refId": "A",
|
|
"limit": 20,
|
|
"tableType": "traceql"
|
|
}
|
|
],
|
|
"transformations": [
|
|
{
|
|
"id": "organize",
|
|
"options": {
|
|
"excludeByName": { "traceID": false, "rootServiceName": true, "rootTraceName": false, "duration": true, "startTime": true },
|
|
"renameByName": { "traceID": "Trace ID", "rootTraceName": "Name", "duration": "Duration", "startTime": "Time" }
|
|
}
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"refresh": "30s",
|
|
"schemaVersion": 39,
|
|
"tags": ["faro", "web-vitals", "farmafinder"],
|
|
"templating": { "list": [] },
|
|
"time": { "from": "now-3h", "to": "now" },
|
|
"timepicker": {},
|
|
"timezone": "browser",
|
|
"title": "FARO — Web Vitals",
|
|
"uid": "faro-web-vitals",
|
|
"version": 2,
|
|
"weekStart": ""
|
|
}
|