Skip to content
This repository has been archived by the owner on Feb 16, 2023. It is now read-only.

Commit

Permalink
Merge pull request #12 from danifitz/main
Browse files Browse the repository at this point in the history 
feat: Adding Google Lighthouse Metrics dashboard
  • Loading branch information
@kidk
kidk authored Mar 26, 2021
2 parents 1e39665 + e19ec80 commit 6efd13b
Show file tree
Hide file tree
Showing 3 changed files with 376 additions and 0 deletions.
18 changes: 18 additions & 0 deletions library/synthetics-google-lighthouse-metrics/config.yaml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
# Name of your quickstart as shown on the website
name: Synthetics - Google Lighthouse Metrics
description: |+
Visualise the results of Google Lighthouse audits using the PageSpeed Insights API.
The corresponding Synthetics monitors can be created from the
[Synthetics Library](https://newrelic.github.io/quickstarts-synthetics-library/#/view/GoogleLighthouse)
# Optional: Authors of the quickstart
authors:
- Daniel Fitzgerald

# You can optionally add extra data sources, but this is only needed in certain cases.
# For example if you use data from Prometheus exporters, or custom API you can add that information here.
# You can also redirect to external webpages when the dashboards provides specific installation instructions
sources:
- Synthetics
- name: PageSpeed Insights API
url: https://newrelic.github.io/quickstarts-synthetics-library/#/view/GoogleLighthouse
358 changes: 358 additions & 0 deletions ...synthetics-google-lighthouse-metrics/dashboards/synthetics-google-lighthouse-metrics.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,358 @@
{
"name": "Lighthouse Metrics",
"description": null,
"pages": [
{
"name": "Lighthouse Metrics",
"description": null,
"widgets": [
{
"visualization": {
"id": "viz.billboard"
},
"layout": {
"column": 1,
"row": 1,
"height": 3,
"width": 4
},
"title": "Lighthouse Metrics",
"rawConfiguration": {
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) as 'FCP', average(custom.largestContentfulPaint) as 'LCP', average(custom.interactive) as 'TTI', average(custom.totalBlockingTime) as 'TBT', average(custom.cumulativeLayoutShift) as 'CLS', average(custom.speedIndex) as 'Speed Index'"
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 1,
"height": 3,
"width": 8
},
"title": "Lighthouse Metrics - trending",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) as 'FCP', average(custom.largestContentfulPaint) as 'LCP', average(custom.interactive) as 'TTI', average(custom.totalBlockingTime) as 'TBT', average(custom.cumulativeLayoutShift) as 'CLS', average(custom.speedIndex) as 'Speed Index' TIMESERIES AUTO"
}
],
"yAxisLeft": {
"zero": true
}
}
},
{
"visualization": {
"id": "viz.bar"
},
"layout": {
"column": 1,
"row": 4,
"height": 3,
"width": 4
},
"title": "First Contentful Paint",
"rawConfiguration": {
"facet": {
"showOtherSeries": false
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) FACET custom.url "
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 4,
"height": 3,
"width": 8
},
"title": "First Contentful Paint",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.firstContentfulPaint) FACET custom.url TIMESERIES AUTO"
}
],
"yAxisLeft": {
"zero": true
}
}
},
{
"visualization": {
"id": "viz.bar"
},
"layout": {
"column": 1,
"row": 7,
"height": 3,
"width": 4
},
"title": "Largest Contentful Paint",
"rawConfiguration": {
"facet": {
"showOtherSeries": false
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.largestContentfulPaint) FACET custom.url "
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 7,
"height": 3,
"width": 8
},
"title": "Largest Contentful Paint",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.largestContentfulPaint) FACET custom.url TIMESERIES AUTO "
}
],
"yAxisLeft": {
"zero": true
}
}
},
{
"visualization": {
"id": "viz.bar"
},
"layout": {
"column": 1,
"row": 10,
"height": 3,
"width": 4
},
"title": "TTI",
"rawConfiguration": {
"dataFormatters": [
{
"name": "TTI",
"type": "decimal"
}
],
"facet": {
"showOtherSeries": false
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.interactive) as 'TTI' FACET custom.url "
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 10,
"height": 3,
"width": 8
},
"title": "TTI - trending",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.interactive) FACET custom.url TIMESERIES AUTO "
}
],
"yAxisLeft": {
"zero": true
}
}
},
{
"visualization": {
"id": "viz.bar"
},
"layout": {
"column": 1,
"row": 13,
"height": 3,
"width": 4
},
"title": "Total Blocking Time (TBT)",
"rawConfiguration": {
"facet": {
"showOtherSeries": false
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.totalBlockingTime) FACET custom.url "
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 13,
"height": 3,
"width": 8
},
"title": "Total Blocking Time (TBT) - trending",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.totalBlockingTime) FACET custom.url TIMESERIES AUTO "
}
],
"yAxisLeft": {
"zero": true
}
}
},
{
"visualization": {
"id": "viz.bar"
},
"layout": {
"column": 1,
"row": 16,
"height": 3,
"width": 4
},
"title": "Cumulative Layout Shift (CLS)",
"rawConfiguration": {
"facet": {
"showOtherSeries": false
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.cumulativeLayoutShift) FACET custom.url "
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 16,
"height": 3,
"width": 8
},
"title": "Cumulative Layout Shift (CLS)",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.cumulativeLayoutShift) FACET custom.url TIMESERIES AUTO "
}
],
"yAxisLeft": {
"zero": true
}
}
},
{
"visualization": {
"id": "viz.bar"
},
"layout": {
"column": 1,
"row": 19,
"height": 3,
"width": 4
},
"title": "Speed Index",
"rawConfiguration": {
"facet": {
"showOtherSeries": false
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.speedIndex) FACET custom.url"
}
]
}
},
{
"visualization": {
"id": "viz.line"
},
"layout": {
"column": 5,
"row": 19,
"height": 3,
"width": 8
},
"title": "Speed Index - trending",
"rawConfiguration": {
"legend": {
"enabled": true
},
"nrqlQueries": [
{
"accountId": 0,
"query": "FROM SyntheticCheck SELECT average(custom.speedIndex) FACET custom.url TIMESERIES AUTO "
}
],
"yAxisLeft": {
"zero": true
}
}
}
]
}
]
}
Binary file added ...s-google-lighthouse-metrics/dashboards/synthetics-google-lighthouse-metrics.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 6efd13b

Please sign in to comment.