bartvdbraak/omnidash
1
0
Fork 0
mirror of https://github.com/bartvdbraak/omnidash.git synced 2025-04-29 08:21:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: Improved comment with actual scores

Browse source
This commit is contained in:
Bart van der Braak 2023-06-11 20:32:45 +02:00
parent 74c7e063d4
commit bd62b4abcc
1 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
.github/workflows/lighthouse-report.yaml vendored
View file

@ -14,7 +14,7 @@ concurrency:
cancel-in-progress: false cancel-in-progress: false
jobs: jobs:
build-deploy: unlighthouse:
environment: environment:
name: github-pages name: github-pages
url: https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/${{ env.BRANCH_NAME }} url: https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/${{ env.BRANCH_NAME }}
@ -81,7 +81,10 @@ jobs:
const result = JSON.parse(fs.readFileSync('.unlighthouse/ci-result.json', 'utf8')); const result = JSON.parse(fs.readFileSync('.unlighthouse/ci-result.json', 'utf8'));
const score = res => res >= 90 ? '🟢' : res >= 50 ? '🟠' : '🔴'; const formatScore = score => `${Math.round(score * 100)} (${score})`;
const getEmoji = score => score >= 0.9 ? '🟢' : score >= 0.5 ? '🟠' : '🔴';
const score = res => `${getEmoji(res)} ${formatScore(res)}`;
const reportUrl = `https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/${{ env.BRANCH_NAME }}`; const reportUrl = `https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/${{ env.BRANCH_NAME }}`;
@ -89,25 +92,25 @@ jobs:
`⚡️ Lighthouse report for the changes in this PR:`, `⚡️ Lighthouse report for the changes in this PR:`,
'| Category | Score |', '| Category | Score |',
'| --- | --- |', '| --- | --- |',
`| Performance | ${score(result.summary.categories.performance.averageScore * 100)} |`, `| Performance | ${score(result.summary.categories.performance.averageScore)} |`,
`| Accessibility | ${score(result.summary.categories.accessibility.averageScore * 100)} |`, `| Accessibility | ${score(result.summary.categories.accessibility.averageScore)} |`,
`| Best practices | ${score(result.summary.categories['best-practices'].averageScore * 100)} |`, `| Best practices | ${score(result.summary.categories['best-practices'].averageScore)} |`,
`| SEO | ${score(result.summary.categories.seo.averageScore * 100)} |`, `| SEO | ${score(result.summary.categories.seo.averageScore)} |`,
' ', '',
'*Lighthouse scores for individual routes:*', '*Lighthouse scores for individual routes:*',
'', '',
'| Path | Performance | Accessibility | Best practices | SEO |', '| Path | Performance | Accessibility | Best practices | SEO |',
'| --- | --- | --- | --- | --- |', '| --- | --- | --- | --- | --- |',
`${result.routes.map(route => `| ${route.path} | ${score(route.categories.performance.score * 100)} | ${score(route.categories.accessibility.score * 100)} | ${score(route.categories['best-practices'].score * 100)} | ${score(route.categories.seo.score * 100)} |`).join('\n')}`, `${result.routes.map(route => `| ${route.path} | ${score(route.categories.performance.score)} | ${score(route.categories.accessibility.score)} | ${score(route.categories['best-practices'].score)} | ${score(route.categories.seo.score)} |`).join('\n')}`,
' ', '',
'*Lighthouse metrics:*', '*Lighthouse metrics:*',
'', '',
'| Metric | Average Value |', '| Metric | Average Value |',
'| --- | --- |', '| --- | --- |',
`${Object.entries(result.summary.metrics).map(([metric, { averageNumericValue }]) => `| ${metric} | ${averageNumericValue} |`).join('\n')}`, `${Object.entries(result.summary.metrics).map(([metric, { averageNumericValue }]) => `| ${metric} | ${averageNumericValue} |`).join('\n')}`,
' ', '',
`View the full Lighthouse report [here](${reportUrl}).`, `View the full Lighthouse report [here](${reportUrl}).`,
' ', '',
'Learn more about the Lighthouse metrics:', 'Learn more about the Lighthouse metrics:',
'- [Largest Contentful Paint](https://web.dev/lighthouse-largest-contentful-paint/)', '- [Largest Contentful Paint](https://web.dev/lighthouse-largest-contentful-paint/)',
'- [Cumulative Layout Shift](https://web.dev/cls/)', '- [Cumulative Layout Shift](https://web.dev/cls/)',