@@ -91,22 +91,31 @@ <h2 id="dataset"><a href="#dataset" class="anchor-link">About the dataset</a></h
9191 < div class ="code-block floating-card ">
9292 {# To generate this markup temporarily add a ```sql code block to a chapter and generate that chapter and you’ll get the HTML #}
9393 {# Note extra attributes on pre tag to allow keyboard scroll so add them back in #}
94- {# TODO - update this to new dataset #}
95- < pre class ="hidden " role ="region " aria-label ="bytes_2022.sql " tabindex ="0 "> < code class ="sql language-sql "> < span class ="comment "> #standardSQL</ span >
96- < span class ="comment "> # Sum of JS request bytes per page (2024)</ span >
97- < span class ="keyword "> SELECT</ span >
98- percentile,
99- _TABLE_SUFFIX < span class ="keyword "> AS</ span > client,
100- < span class ="function call "> APPROX_QUANTILES</ span > (bytesJs / < span class ="constant numeric "> 1024</ span > , < span class ="constant numeric "> 1000</ span > )[< span class ="function call "> OFFSET</ span > (percentile < span class ="keyword operator "> *</ span > < span class ="constant numeric "> 10</ span > )] < span class ="keyword "> AS</ span > js_kilobytes
101- < span class ="keyword "> FROM</ span >
102- < span class ="string "> `httparchive.summary_pages.2024_06_01_*`</ span > ,
103- < span class ="function call "> UNNEST</ span > ([< span class ="constant numeric "> 10</ span > , < span class ="constant numeric "> 25</ span > , < span class ="constant numeric "> 50</ span > , < span class ="constant numeric "> 75</ span > , < span class ="constant numeric "> 90</ span > , < span class ="constant numeric "> 100</ span > ]) < span class ="keyword "> AS</ span > percentile
94+ < pre role ="region " aria-label ="color-contrast.sql " tabindex ="0 "> < code class ="sql language-sql "> < span class ="keyword "> SELECT</ span >
95+ client,
96+ is_root_page,
97+ < span class ="function call "> COUNTIF</ span > (color_contrast_score < span class ="keyword "> IS</ span > < span class ="keyword "> NOT</ span > < span class ="keyword "> NULL</ span > ) < span class ="keyword "> AS</ span > total_applicable,
98+ < span class ="function call "> COUNTIF</ span > (< span class ="function call "> CAST</ span > (color_contrast_score < span class ="keyword "> AS</ span > < span class ="keyword "> NUMERIC</ span > ) < span class ="keyword operator "> =</ span > < span class ="constant numeric "> 1</ span > ) < span class ="keyword "> AS</ span > total_good_contrast,
99+ < span class ="function call "> COUNTIF</ span > (< span class ="function call "> CAST</ span > (color_contrast_score < span class ="keyword "> AS</ span > < span class ="keyword "> NUMERIC</ span > ) < span class ="keyword operator "> =</ span > < span class ="constant numeric "> 1</ span > ) / < span class ="function call "> COUNTIF</ span > (color_contrast_score < span class ="keyword "> IS</ span > < span class ="keyword "> NOT</ span > < span class ="keyword "> NULL</ span > ) < span class ="keyword "> AS</ span > perc_good_contrast
100+ < span class ="keyword "> FROM</ span > (
101+ < span class ="keyword "> SELECT</ span >
102+ client,
103+ is_root_page,
104+ < span class ="keyword "> date</ span > ,
105+ < span class ="function call "> JSON_VALUE</ span > (lighthouse, < span class ="string "> '$.audits.color-contrast.score'</ span > ) < span class ="keyword "> AS</ span > color_contrast_score
106+ < span class ="keyword "> FROM</ span >
107+ < span class ="string "> `httparchive.all.pages`</ span >
108+ < span class ="keyword "> WHERE</ span >
109+ < span class ="keyword "> date</ span > < span class ="keyword operator "> =</ span > < span class ="string "> '2024-06-01'</ span >
110+ )
104111< span class ="keyword "> GROUP</ span > < span class ="keyword "> BY</ span >
105- percentile,
106- client
112+ client,
113+ is_root_page,
114+ < span class ="keyword "> date</ span >
107115< span class ="keyword "> ORDER</ span > < span class ="keyword "> BY</ span >
108116 client,
109- percentile</ code > </ pre > </ div >
117+ is_root_page;</ code > </ pre >
118+ </ div >
110119
111120 < p >
112121 Results for each metric are publicly viewable in chapter-specific spreadsheets, for example < a href ="https://docs.google.com/spreadsheets/d/16isMe5_rvmRmJHtK5Je66AhwO8SowGgq0EFqXyjEXw8/edit?gid=1778117656#gid=1778117656 "> JavaScript results</ a > . Links to the raw results and queries are available at the bottom of each chapter. Metric-specific results and queries are also linked directly from each figure.
0 commit comments