Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Add Core Web Vitals Report #785

Merged
merged 162 commits into from
Apr 29, 2024
Merged
Show file tree
Hide file tree
Changes from 144 commits
Commits
Show all changes
162 commits
Select commit Hold shift + click to select a range
ef85cf4
add dashboard templates example
sarahfossheim May 3, 2023
9e7aaa4
move to techreport.json/.py, out of reports
sarahfossheim May 6, 2023
8367442
rename dashboard to tech_report
sarahfossheim May 6, 2023
b02b349
add techreport as a link in the reports.json instead of almost hardco…
sarahfossheim May 8, 2023
6c31546
start adding components and cleaning up structure
sarahfossheim May 11, 2023
850f47b
add drilldown/comparison toggle header
sarahfossheim May 12, 2023
c56860f
add basic styling to landing table
sarahfossheim May 12, 2023
10622e0
fetch mock responses (needs code cleanup)
sarahfossheim May 12, 2023
2b523e8
fetch metrics for sections on drilldown
sarahfossheim May 12, 2023
05274c6
style drilldown page
sarahfossheim May 16, 2023
9fb8b29
style drilldown page
sarahfossheim May 16, 2023
fa837aa
move summary cards to their own component
sarahfossheim May 16, 2023
2e20af0
turn placeholder timeseries in its own component
sarahfossheim May 16, 2023
88315c0
conditionally render the data in the drilldown based on selected tech
sarahfossheim May 16, 2023
00aee29
compress global header in techreport
sarahfossheim May 22, 2023
0e07888
compress global footer in techreport
sarahfossheim May 22, 2023
b347ebc
use data from sample jsons in tables
sarahfossheim May 22, 2023
f0c60ba
make table responsive
sarahfossheim May 22, 2023
4271bf7
fix indentations
sarahfossheim May 23, 2023
8aa5ff8
linting
sarahfossheim May 23, 2023
4f943e9
remove if statement from <a> (linting)
sarahfossheim May 23, 2023
2afde0c
style landing page
sarahfossheim May 23, 2023
8b4af8d
add drilldown and comparison placeholders
sarahfossheim May 23, 2023
075a84f
show correct drilldown page
sarahfossheim May 23, 2023
936e260
fix indentation
sarahfossheim May 23, 2023
1015478
code cleanup
sarahfossheim May 24, 2023
ae366a5
use new jsons for api calls
sarahfossheim May 29, 2023
1eed09f
support app names with mismatching capitalization, update and style f…
sarahfossheim Jun 13, 2023
8e43157
filter positioning
sarahfossheim Jun 14, 2023
f7e3588
show selected rank and geo filter
sarahfossheim Jun 14, 2023
7ba16d1
linting
sarahfossheim Jun 14, 2023
312459e
fix bug - selected option in dropdown now matches the url
sarahfossheim Jun 14, 2023
edaef00
add frame for latest data table
sarahfossheim Jun 28, 2023
43a8629
replace absolute values with %
sarahfossheim Jun 29, 2023
32bcc5b
add more metrics in the table
sarahfossheim Jun 29, 2023
43e464b
add table on overview
sarahfossheim Jun 29, 2023
d29dbca
render data with js
sarahfossheim Jul 8, 2023
6e9e847
readd table styling
sarahfossheim Jul 8, 2023
3370006
clean up code
sarahfossheim Jul 9, 2023
009158e
readd filters
sarahfossheim Jul 9, 2023
3920683
populate tables (code cleanup needed)
sarahfossheim Jul 12, 2023
fe29342
re-add tables and filters on landing and comparison pages
sarahfossheim Jul 23, 2023
70c76be
add technology options for each tech set in the filters from the url …
sarahfossheim Jul 26, 2023
a3d95e6
select multiple techs from header (wip)
sarahfossheim Aug 2, 2023
8a2fb08
improve styling, limit tags, limit tech selection for drilldown page
sarahfossheim Aug 11, 2023
4996410
add multi tech comparison tables
sarahfossheim Aug 14, 2023
0a05bb8
update styling and responsiveness, remember geo/rank filters
sarahfossheim Aug 15, 2023
8c36231
bug fixes, show warning when data doesnt exist
sarahfossheim Aug 17, 2023
1a78221
allow removing techs in comparison mode
sarahfossheim Aug 19, 2023
4745cde
bugfix
sarahfossheim Aug 19, 2023
7f8855d
connect wrapper around tables to the table captions (a11y)
sarahfossheim Aug 20, 2023
c42ee16
WIP: add subcategory selector to tables + listen to changes (prototype)
sarahfossheim Aug 21, 2023
31b3538
add subcategory selector through slots
sarahfossheim Aug 21, 2023
6f135ec
add subcategories to multi tech view
sarahfossheim Aug 22, 2023
5930b45
add units
sarahfossheim Aug 23, 2023
9e1046e
bugfix: remember filters when drilling down form multitech view
sarahfossheim Aug 23, 2023
955bd7b
WIP - add graphs and toggle, category dropdown, and update url on su…
sarahfossheim Sep 6, 2023
657ed1c
WIP: subcategory selector updates chart prototype
sarahfossheim Sep 14, 2023
5cf688d
fix subcategory selector bug with table
sarahfossheim Sep 14, 2023
6c25ffb
turn timeseries into class
sarahfossheim Sep 21, 2023
9fb83f1
code cleanup: use classes for timeseries, sections in preparation of …
sarahfossheim Sep 22, 2023
ce5c4fb
write documentation
sarahfossheim Sep 22, 2023
e82fa2a
add more info about the files
sarahfossheim Sep 22, 2023
3e840db
re-add summary cards
sarahfossheim Sep 25, 2023
74b1ae2
update summary on client select
sarahfossheim Sep 26, 2023
e4854f5
clean up card components + bug fixes
sarahfossheim Sep 27, 2023
33a8b1c
style client in summary card
sarahfossheim Sep 27, 2023
4ef31da
update styling
sarahfossheim Sep 27, 2023
a0dd98e
add table alternatives as general html+js instead of webcomponent
sarahfossheim Sep 27, 2023
6d5b761
style table alts
sarahfossheim Sep 28, 2023
31ce9fb
update title and description of cards based on selected subcategory
sarahfossheim Sep 28, 2023
6b0816c
add geo and rank info for each component (on the drilldown page)
sarahfossheim Sep 28, 2023
9204729
style subcategory selector
sarahfossheim Sep 28, 2023
7029693
add summary to metric sections
sarahfossheim Sep 28, 2023
daac7ed
update styling
sarahfossheim Sep 28, 2023
3dd93be
clean up styles
sarahfossheim Sep 28, 2023
b0d2f34
add support for app comparison tables
sarahfossheim Sep 30, 2023
d457499
add comparison tables to all metrics
sarahfossheim Sep 30, 2023
a88d901
readd line charts on drilldown
sarahfossheim Sep 30, 2023
a7a8261
WIP: add possibility for timeseries broken down by app
sarahfossheim Sep 30, 2023
0396e1d
update metric/client in timeseries (code cleanup needed)
sarahfossheim Sep 30, 2023
3ff8d01
add support for timeseries summary in comparison mode (wip)
sarahfossheim Oct 1, 2023
600addb
add summary to all metrics (code cleanup needed)
sarahfossheim Oct 1, 2023
4afc026
add color to comparison timeseries and summary (bugfixes/cleanup needed)
sarahfossheim Oct 1, 2023
1dd4510
update color codes
sarahfossheim Oct 4, 2023
0e33b15
removed unused code
sarahfossheim Oct 4, 2023
fdb8718
staging script
rviscomi Oct 10, 2023
e1d91c9
update colors
sarahfossheim Oct 23, 2023
116154b
only show markers on hover
sarahfossheim Oct 24, 2023
a2266d6
bugfix: show categories correctly when adding more techs
sarahfossheim Oct 25, 2023
19f546f
fill in all category dropdowns
sarahfossheim Oct 25, 2023
0b3e063
prototype indicator icons on line charts
sarahfossheim Oct 25, 2023
db2acf7
add colors
sarahfossheim Oct 25, 2023
880de49
style filters
sarahfossheim Oct 28, 2023
d543395
style select
sarahfossheim Oct 31, 2023
602842d
style filters
sarahfossheim Nov 2, 2023
8b757ff
fix bug deleting techs
sarahfossheim Nov 2, 2023
d046799
restructure heading
sarahfossheim Nov 2, 2023
b7ebafa
add filter info to page header
sarahfossheim Nov 3, 2023
7ab60bd
remember marker status in localstorage
sarahfossheim Nov 3, 2023
9b644a3
responsiveness improvements
sarahfossheim Nov 6, 2023
40e2dc5
add basic styling to highcharts tables
sarahfossheim Nov 6, 2023
a5da0a2
style filter info header
sarahfossheim Nov 7, 2023
1fe7468
style metric selector
sarahfossheim Nov 7, 2023
f0ea1f2
Merge remote-tracking branch 'refs/remotes/origin/cwvtech-structure' …
sarahfossheim Nov 7, 2023
85d6fe1
fix bug with techs that have - in the name
sarahfossheim Nov 8, 2023
d949d18
fetch new apis globally
sarahfossheim Nov 8, 2023
ae7ae30
merge results (prototype)
sarahfossheim Nov 17, 2023
468c41d
prototype new api in drilldown page
sarahfossheim Nov 18, 2023
f83a8a7
format data
sarahfossheim Nov 19, 2023
01d9cca
lighthouse progress prototype
sarahfossheim Nov 19, 2023
ab0a4a6
prototype dark mode (wip)
sarahfossheim Nov 19, 2023
63feb10
format multiple tech data
sarahfossheim Nov 20, 2023
4409b4f
use new apis in multi tech
sarahfossheim Nov 21, 2023
1de15f8
make tables work with new api
sarahfossheim Nov 27, 2023
bdebf1a
bugfix cwv
sarahfossheim Nov 29, 2023
8cc8e7b
draw pageweight data and months with missing values
sarahfossheim Dec 1, 2023
3e7bbe8
start re-adding comparison table
sarahfossheim Dec 1, 2023
537e9b4
prototype comparison summary (wip)
sarahfossheim Dec 2, 2023
f688950
bugfix table
sarahfossheim Dec 3, 2023
097b123
fix page weight bug
sarahfossheim Dec 3, 2023
3d83b93
remove web components
sarahfossheim Dec 3, 2023
5ead94a
select app color based on settings and name
sarahfossheim Dec 4, 2023
aaffd3b
move reusable code to utils
sarahfossheim Dec 4, 2023
2c428de
utils cleanup
sarahfossheim Dec 4, 2023
69ab1df
update descriptions
sarahfossheim Dec 5, 2023
e8753ca
cleanup
sarahfossheim Dec 5, 2023
5158232
fix bugs with text
sarahfossheim Dec 6, 2023
c9f2a51
improve sr/keyboard interaction of charts
sarahfossheim Dec 6, 2023
ee95c3f
Add test coverage
tunetheweb Jan 3, 2024
8b7b2e6
Fix test url
tunetheweb Jan 3, 2024
c58feaa
Merge branch 'main' into cwvtech-structure-api
tunetheweb Jan 3, 2024
16ee6b6
Linting
tunetheweb Jan 3, 2024
801b0f8
More linting fixes
tunetheweb Jan 3, 2024
e9b30f6
Linting fixes
tunetheweb Jan 3, 2024
f7b1ab4
Fix Lighthouse tests
tunetheweb Jan 3, 2024
1cc739f
replace filters with new apis
sarahfossheim Jan 13, 2024
4a4eb25
update highcharts colors
sarahfossheim Jan 13, 2024
9045412
modify variables for dark mode
sarahfossheim Jan 13, 2024
2a334a3
update page background
sarahfossheim Jan 14, 2024
c2ab799
add dropdown dark mode
sarahfossheim Jan 14, 2024
2a02f0f
edit highcharts tooltip color for darkmode
sarahfossheim Jan 15, 2024
7a2a0ba
code cleanup & bugfix
sarahfossheim Jan 17, 2024
f9f6393
Merge remote-tracking branch 'refs/remotes/origin/cwvtech-structure-a…
sarahfossheim Jan 17, 2024
4a981b2
beta banner and feedback message
sarahfossheim Mar 13, 2024
d463489
Update src/js/components/filters.js
sarahfossheim Mar 27, 2024
a052f93
Update server/tests/routes_test.py
sarahfossheim Mar 27, 2024
0398db3
clean up code & improve 200% font-size
sarahfossheim Mar 27, 2024
2600c2c
Merge remote-tracking branch 'refs/remotes/origin/cwvtech-structure-a…
sarahfossheim Mar 27, 2024
9b0aff3
Merge branch 'main' into cwvtech-structure-api
sarahfossheim Mar 27, 2024
9d5a2e0
fix config
rviscomi Apr 5, 2024
30e0e09
responsive and copy
sarahfossheim Apr 10, 2024
7a5e120
Merge branch 'main' into cwvtech-structure-api
tunetheweb Apr 10, 2024
b7718b7
Remove source maps
tunetheweb Apr 10, 2024
d312fbe
lowercase colors
sarahfossheim Apr 10, 2024
6e8abc9
CSS linting
tunetheweb Apr 10, 2024
71f7edd
More CSS linting
tunetheweb Apr 10, 2024
083a93c
More linting
tunetheweb Apr 10, 2024
522b564
Linting
tunetheweb Apr 10, 2024
1ddbaa0
Merge remote-tracking branch 'refs/remotes/origin/cwvtech-structure-a…
sarahfossheim Apr 12, 2024
a9531bb
remove duplicate selectors
sarahfossheim Apr 12, 2024
c7d9b3d
img h/w
rviscomi Apr 29, 2024
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
95 changes: 95 additions & 0 deletions config/last_updated.json
Original file line number Diff line number Diff line change
@@ -1,4 +1,14 @@
{
"/static/components/summary.css": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "304aa7ab9c39f9eb730f4f9de0261652"
},
"/static/components/table.css": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "56bd14f21cf53b601d86be0061ae7baa"
},
"/static/css/bootstrap.min.css": {
"date_published": "2018-05-08T00:00:00.000Z",
"date_modified": "2021-04-23T00:00:00.000Z",
Expand Down Expand Up @@ -29,6 +39,36 @@
"date_modified": "2023-04-26T00:00:00.000Z",
"hash": "1d22c6afc3a451844da89684d7ad84ef"
},
"/static/css/techreport/general.css": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "53dd766b1d280387b36a2c3ead47e68c"
},
"/static/css/techreport/landing.css": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "804dc15c1ed6962ae75a2b189de56148"
},
"/static/css/techreport/techreport.css": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "82ad10c0e3231f9a2e44f54007b1bda7"
},
"/static/js/accessibility.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "cf1af15492a3443d875cffaf34cd97fe"
},
"/static/js/accessibility.js.map": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "c2cbce2ba7a3898335fde135b24e301d"
},
"/static/js/export-data.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "7f994d8425277b2e3e05f062c8c497c1"
},
"/static/js/exporting.js": {
"date_published": "2021-05-19T00:00:00.000Z",
"date_modified": "2023-12-07T00:00:00.000Z",
Expand All @@ -54,6 +94,11 @@
"date_modified": "2023-12-07T00:00:00.000Z",
"hash": "090e6925e3dd3b71edffbd730c3265e7"
},
"/static/js/highcharts.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "7517a72a4be7d8cb449462dfd7c3cf34"
},
"/static/js/highstock.js": {
"date_published": "2021-04-26T00:00:00.000Z",
"date_modified": "2023-12-07T00:00:00.000Z",
Expand Down Expand Up @@ -89,6 +134,51 @@
"date_modified": "2023-12-07T00:00:00.000Z",
"hash": "3dedd3fe304e7f12ca17afb1dadbca72"
},
"/static/js/summaryLinked.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "b00f52e619f9aa6b965ebe2a49b6fd23"
},
"/static/js/tableCWVOverviewMulti.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "ab2994dc074ff02e055c5fb5c8df988b"
},
"/static/js/tableGeneral.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "d2317a0b43a4c04a86723b178dfedf2c"
},
"/static/js/tableGeneralMulti.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "62b2c943393389849758cc3d7ff7be5b"
},
"/static/js/tableOverview.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "0a9bf98ecfeeb9594fde313ae8ab8edb"
},
"/static/js/tableOverviewMulti.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "6d90ac2a5081aebcf8377f37dc2d98dc"
},
"/static/js/techreport.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "41063b92eb8850bde7a49af891037f22"
},
"/static/js/techreport/section.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "fa7b58407c44adfc374711c767522ff4"
},
"/static/js/techreport/timeseries.js": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "85a82b40a1082f03dda77c5956c57d8e"
},
"/static/js/timeseries.js": {
"date_published": "2018-05-08T00:00:00.000Z",
"date_modified": "2023-04-26T00:00:00.000Z",
Expand Down Expand Up @@ -134,6 +224,11 @@
"date_modified": "2023-09-07T00:00:00.000Z",
"hash": "bb56bcf9203e97fcad14369053f778e3"
},
"reports/cwv-tech-new": {
"date_published": "2023-10-09T00:00:00.000Z",
"date_modified": "2023-10-09T00:00:00.000Z",
"hash": "1c32b48207473a10ad996bb6fa245144"
},
"reports/loading-speed": {
"date_published": "2018-05-08T00:00:00.000Z",
"date_modified": "2023-09-07T00:00:00.000Z",
Expand Down
20 changes: 19 additions & 1 deletion config/reports.json
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,8 @@
"page-weight",
"chrome-ux-report",
"project-fugu",
"cwv-tech"
"cwv-tech",
"cwv-tech-new"
],
"_featured": [
"state-of-the-web"
Expand Down Expand Up @@ -1378,5 +1379,22 @@
"width": "fa-w-18"
}
}
},
"cwv-tech-new": {
"name": "New Core Web Vitals Technology Report",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add something about it being in "beta"

"summary": "The Core Web Vitals Technology Report is a dashboard combining the powers of real-user experiences in the [Chrome User Experience Report (CrUX)](https://developers.google.com/web/tools/chrome-user-experience-report/) dataset with web technology detections available in HTTP Archive, to allow analysis of the way websites are both built and experienced.",
"url": "/reports/techreport/landing",
"metrics": [],
"graphic": {
"bgcolor": "#fff",
"primary": {
"color": "#444",
"icon": "fas fa-wrench"
},
"secondary": {
"color": "rgba(0, 0, 0, 0.3)",
"icon": "fas fa-tachometer-alt"
}
}
}
}
Loading
Loading