-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
290 additions
and
647 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,61 @@ | ||
# Welcome to Crux Dashboard | ||
https://crux.gotomi.info | ||
# CrUX Dashboard | ||
|
||
A live web performance monitoring dashboard that tracks Core Web Vitals metrics for multiple websites using Chrome User Experience Report (CrUX) data. Live version available at: https://crux.gotomi.info | ||
|
||
## Features | ||
|
||
- **Automated Daily Updates**: Fetches fresh CrUX data every day at 7:00 UTC | ||
- **Multiple View Options**: | ||
- Distribution view - Shows good/needs improvement/poor percentages | ||
- P75 view - Displays 75th percentile values in a table format | ||
- Historical charts - Tracks metrics over time | ||
- **Website Categories**: | ||
- Polish ecommerce sites | ||
- European ecommerce sites | ||
- Radio stations | ||
- **Core Web Vitals Metrics**: | ||
- First Contentful Paint (FCP) | ||
- Largest Contentful Paint (LCP) | ||
- Cumulative Layout Shift (CLS) | ||
- Time to First Byte (TTFB) | ||
- Interaction to Next Paint (INP) | ||
|
||
## Setup for Your Own Dashboard | ||
|
||
1. Fork the repository | ||
|
||
2. Configure GitHub Secrets: | ||
- Add `PSIKUS` secret with your CrUX API key | ||
|
||
3. Configure GitHub Pages: | ||
- Enable GitHub Pages in repository settings | ||
- Set custom domain (optional) | ||
|
||
4. Add/Modify Website Lists: | ||
Update JSON files in `src/_urls/` directory, for example: | ||
```json | ||
[ | ||
"example.com", | ||
"otherdomain.com" | ||
] | ||
``` | ||
|
||
5. The GitHub Actions workflows will: | ||
- Build and deploy on every push to master | ||
- Fetch new CrUX data daily and update the dashboard | ||
|
||
## GitHub Actions Workflows | ||
|
||
### Daily Data Update (`gh-pages-scheduled.yml`) | ||
```yaml | ||
name: update data scheduled | ||
on: | ||
schedule: | ||
- cron: '0 7 * * *' | ||
``` | ||
This workflow: | ||
- Runs daily at 7:00 UTC | ||
- Fetches fresh CrUX data | ||
- Updates historical charts | ||
- Commits new data to repository | ||
- Deploys updated dashboard |
Oops, something went wrong.