Skip to content

Commit 165ccbf

Browse files
tunethewebtunetheweb
authored
Graduate new Core Web Vitals Tech Report (#1144)
* Graduate new Core Web Vitals Tech Report * Clean up tests * Remove unneeded code * Fix image
1 parent f9baa3e commit 165ccbf

File tree

7 files changed

+50
-58
lines changed

7 files changed

+50
-58
lines changed

‎config/last_updated.json‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -220,11 +220,6 @@
220220
"hash": "8e9534ce5c7e68caea1a97bfe2747f7a"
221221
},
222222
"reports/cwv-tech": {
223-
"date_published": "2021-09-20T00:00:00.000Z",
224-
"date_modified": "2023-09-07T00:00:00.000Z",
225-
"hash": "bb56bcf9203e97fcad14369053f778e3"
226-
},
227-
"reports/cwv-tech-new": {
228223
"date_published": "2023-10-09T00:00:00.000Z",
229224
"date_modified": "2024-04-05T00:00:00.000Z",
230225
"hash": "59ca9a96a7a3a9ec1b19bb7aba15f930"

‎config/reports.json‎

Lines changed: 4 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,7 @@
1010
"page-weight",
1111
"chrome-ux-report",
1212
"project-fugu",
13-
"cwv-tech",
14-
"cwv-tech-new"
13+
"cwv-tech"
1514
],
1615
"_featured": [
1716
"state-of-the-web"
@@ -1281,36 +1280,19 @@
12811280
"cwv-tech": {
12821281
"name": "Core Web Vitals Technology Report",
12831282
"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.",
1284-
"url": "https://datastudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC",
1283+
"url": "/reports/techreport/landing",
12851284
"metrics": [],
12861285
"graphic": {
12871286
"bgcolor": "#fff",
12881287
"primary": {
12891288
"color": "#444",
12901289
"icon": "fa-wrench",
1291-
"width": "fa-w-16"
1290+
"width": "fa-w-20"
12921291
},
12931292
"secondary": {
12941293
"color": "rgba(0, 0, 0, 0.3)",
12951294
"icon": "fa-tachometer-alt",
1296-
"width": "fa-w-18"
1297-
}
1298-
}
1299-
},
1300-
"cwv-tech-new": {
1301-
"name": "BETA: Core Web Vitals Technology Report",
1302-
"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.",
1303-
"url": "/reports/techreport/landing",
1304-
"metrics": [],
1305-
"graphic": {
1306-
"bgcolor": "#fff",
1307-
"primary": {
1308-
"color": "#444",
1309-
"icon": "fas fa-wrench"
1310-
},
1311-
"secondary": {
1312-
"color": "rgba(0, 0, 0, 0.3)",
1313-
"icon": "fas fa-tachometer-alt"
1295+
"width": "fa-w-20"
13141296
}
13151297
}
13161298
}

‎server/routes.py‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -214,10 +214,6 @@ def report(report_id):
214214
if not report:
215215
abort(404)
216216

217-
report_url = report_util.get_report(report_id).get("url")
218-
if report_url:
219-
return redirect(report_url), 302
220-
221217
dates = report_util.get_dates()
222218
if not dates: # pragma: no cover
223219
abort(500)

‎server/tests/routes_test.py‎

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -199,15 +199,6 @@ def test_metric_speedindex(client):
199199
)
200200

201201

202-
def test_external_report(client):
203-
assert_route(
204-
client,
205-
"/reports/cwv-tech",
206-
302,
207-
"https://datastudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC",
208-
)
209-
210-
211202
def test_render_efonts_cache_control(client):
212203
response = client.get("/static/fonts/opensans-latin-700.woff2")
213204
assert response.status_code == 200 and "max-age=3153600" in response.headers.get(

‎static/img/web-vitals.png‎

17.5 KB
Loading

‎templates/index.html‎

Lines changed: 46 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -53,25 +53,54 @@ <h2>
5353
</div>
5454
</section>
5555

56-
<section id="bigquery" class="container">
57-
<div class="row">
58-
59-
<h2>
60-
<small>Public Dataset</small>
61-
Google BigQuery
62-
</h2>
63-
64-
<div class="col-lg-6 col-sm-6 col-md-6 col-xs-12">
65-
<p>
66-
The HTTP Archive archives and provides access to detailed information about each website it crawls: request and response metadata, response bodies, execution traces, and more. You can download this data for offline analysis, or access it as a public dataset via Google BigQuery for fast and rapid analysis.
67-
</p>
68-
<a href="https://har.fyi/guides/getting-started/" class="btn">Get Started with Public Dataset</a>
56+
<section id="tech-report">
57+
<div class="container">
58+
<div class="row">
59+
60+
<div class="col-lg-6 col-sm-6 col-md-6 hidden-xs">
61+
<a href="/reports/techreport/landing">
62+
<img src="/static/img/web-vitals.png" width="471" height="367" alt="Explore the Core Web Vitals Tech Report" loading="lazy" />
63+
</a>
64+
</div>
65+
66+
<div class="col-lg-7 col-sm-6 col-md-6 col-xs-12">
67+
<h2>
68+
<small>Core Web Vitals</small>
69+
Tech Report
70+
</h2>
71+
72+
<p>
73+
Track and compare web technology performance and adoption. Real-world Core Web Vitals performance data is provided by the Chrome UX Report at the origin level, and technologies are identified by HTTP Archive on the home page and one interior page.
74+
</p>
75+
<a href="/reports/techreport/landing" class="btn alt">View the Core Web Vitals Tech Report </a>
76+
77+
</div>
6978
</div>
79+
</div>
80+
</section>
7081

71-
<div class="col-lg-6 col-sm-6 col-md-6 hidden-xs">
72-
<a href="https://har.fyi/guides/getting-started/">
73-
<img src="/static/img/data.png" width="466" height="367" alt="Learn more about HTTP Archive on BigQuery" loading="lazy" />
74-
</a>
82+
<section id="bigquery">
83+
<div class="container">
84+
<div class="row">
85+
<div class="col-lg-7 col-sm-6 col-md-6 col-xs-12">
86+
87+
<h2>
88+
<small>Public Dataset</small>
89+
Google BigQuery
90+
</h2>
91+
92+
<p>
93+
The HTTP Archive archives and provides access to detailed information about each website it crawls: request and response metadata, response bodies, execution traces, and more. You can download this data for offline analysis, or access it as a public dataset via Google BigQuery for fast and rapid analysis.
94+
</p>
95+
<a href="https://har.fyi/guides/getting-started/" class="btn alt">Get Started with Public Dataset</a>
96+
97+
</div>
98+
99+
<div class="col-lg-6 col-sm-6 col-md-6 hidden-xs">
100+
<a href="https://har.fyi/guides/getting-started/">
101+
<img src="/static/img/data.png" width="466" height="367" alt="Learn more about HTTP Archive on BigQuery" loading="lazy" />
102+
</a>
103+
</div>
75104
</div>
76105
</div>
77106
</section>

‎tools/test/test_status_codes.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,6 @@ const test_status_codes = async () => {
6767
await test_status_code('/reports/techreport/landing', 200);
6868
await test_status_code('/reports/techreport/drilldown', 200);
6969
await test_status_code('/reports/techreport/comparison', 200);
70-
await test_status_code('/reports/cwv-tech', 302, 'https://datastudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC');
7170

7271
// Test non-sitemap pages
7372
await test_status_code('/sitemap.xml', 200);

0 commit comments

Comments
 (0)