Edits for JavaScript 2021 chapter (#2614)

* Edits for JavaScript 2021 chapter * Resolved some TODOs * Resolved TODO * Fixed They say, "to measure is the key towards improvement" * Updated conclusion paragraph * remove todo * edits * Optimised images with calibre/image-actions * how much do we load * Optimised images with calibre/image-actions * how is javascript requested * how is it delivered * libraries and frameworks * Optimised images with calibre/image-actions * components and conclusion * Optimised images with calibre/image-actions * Update src/content/en/2021/javascript.md * spellcheck Co-authored-by: Rick Viscomi <[email protected]> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Rick Viscomi <[email protected]>
HTTPArchive · Dec 1, 2021 · 1c5fc84 · 1c5fc84
1 parent d13c978
commit 1c5fc84
Show file tree

Hide file tree

Showing 30 changed files with 268 additions and 287 deletions.
diff --git a/sql/2021/javascript/web_components_pct.sql b/sql/2021/javascript/web_components_pct.sql
@@ -0,0 +1,24 @@
+SELECT
+  client,
+  custom_elements,
+  shadow_roots,
+  templates,
+  total,
+  custom_elements / total AS pct_custom_elements,
+  shadow_roots / total AS pct_shadow_roots,
+  templates / total AS pct_templates
+FROM (
+  SELECT
+    client,
+    COUNT(0) AS total,
+    COUNTIF(ARRAY_LENGTH(JSON_EXTRACT_ARRAY(js, '$.web_component_specs.custom_elements')) > 0) AS custom_elements,
+    COUNTIF(ARRAY_LENGTH(JSON_EXTRACT_ARRAY(js, '$.web_component_specs.shadow_roots')) > 0) AS shadow_roots,
+    COUNTIF(ARRAY_LENGTH(JSON_EXTRACT_ARRAY(js, '$.web_component_specs.template')) > 0) AS templates
+  FROM (
+    SELECT
+      _TABLE_SUFFIX AS client,
+      JSON_EXTRACT_SCALAR(payload, '$._javascript') AS js
+    FROM
+      `httparchive.pages.2021_09_01_*`)
+  GROUP BY
+    client)
diff --git a/src/config/2021.json b/src/config/2021.json
@@ -22,8 +22,7 @@
           "part": "I",
           "chapter_number": "2",
           "title": "JavaScript",
-          "slug": "javascript",
-          "todo": "true"
+          "slug": "javascript"
         },
         {
           "part": "I",

diff --git a/src/content/en/2021/javascript.md b/src/content/en/2021/javascript.md
diff --git a/src/static/images/2021/compression/compression-levels-gzip.png b/src/static/images/2021/compression/compression-levels-gzip.png
diff --git a/src/static/images/2021/compression/content-encoding.png b/src/static/images/2021/compression/content-encoding.png
diff --git a/src/static/images/2021/javascript/ajax-apis-per-year.png b/src/static/images/2021/javascript/ajax-apis-per-year.png
diff --git a/src/static/images/2021/javascript/ajax_beacon.png b/src/static/images/2021/javascript/ajax_beacon.png
diff --git a/src/static/images/2021/javascript/ajax_fetch.png b/src/static/images/2021/javascript/ajax_fetch.png
diff --git a/src/static/images/2021/javascript/ajax_xhr.png b/src/static/images/2021/javascript/ajax_xhr.png
diff --git a/src/static/images/2021/javascript/async-requests-per-page.png b/src/static/images/2021/javascript/async-requests-per-page.png
diff --git a/src/static/images/2021/javascript/average-unminified-js-bytes.png b/src/static/images/2021/javascript/average-unminified-js-bytes.png
diff --git a/src/static/images/2021/javascript/compression-first-third-party.png b/src/static/images/2021/javascript/compression-first-third-party.png
diff --git a/src/static/images/2021/javascript/compression-requests.png b/src/static/images/2021/javascript/compression-requests.png
diff --git a/src/static/images/2021/javascript/javascript-bytes-per-page.png b/src/static/images/2021/javascript/javascript-bytes-per-page.png
diff --git a/src/static/images/2021/javascript/javascript-resource-hint-usage.png b/src/static/images/2021/javascript/javascript-resource-hint-usage.png
diff --git a/src/static/images/2021/javascript/js-libs-frameworks.png b/src/static/images/2021/javascript/js-libs-frameworks.png
diff --git a/src/static/images/2021/javascript/js-requests-desktop-host.png b/src/static/images/2021/javascript/js-requests-desktop-host.png
diff --git a/src/static/images/2021/javascript/js-requests-mobile-host.png b/src/static/images/2021/javascript/js-requests-mobile-host.png
diff --git a/src/static/images/2021/javascript/js-requests-per-page.png b/src/static/images/2021/javascript/js-requests-per-page.png
diff --git a/src/static/images/2021/javascript/js-resources-over-years.png b/src/static/images/2021/javascript/js-resources-over-years.png
diff --git a/src/static/images/2021/javascript/prefetch-hints-per-page.png b/src/static/images/2021/javascript/prefetch-hints-per-page.png
diff --git a/src/static/images/2021/javascript/preload-hints-per-page.png b/src/static/images/2021/javascript/preload-hints-per-page.png
diff --git a/src/static/images/2021/javascript/sourcemap-first-third-party.png b/src/static/images/2021/javascript/sourcemap-first-third-party.png
diff --git a/src/static/images/2021/javascript/uncompressed-first-third-party.png b/src/static/images/2021/javascript/uncompressed-first-third-party.png
diff --git a/src/static/images/2021/javascript/unminified-js-audit-scores.png b/src/static/images/2021/javascript/unminified-js-audit-scores.png
diff --git a/src/static/images/2021/javascript/unminified-js-bytes.png b/src/static/images/2021/javascript/unminified-js-bytes.png
diff --git a/src/static/images/2021/javascript/unused-javascript-bytes-per-page.png b/src/static/images/2021/javascript/unused-javascript-bytes-per-page.png
diff --git a/src/static/images/2021/javascript/unused-vs-total-javascript.png b/src/static/images/2021/javascript/unused-vs-total-javascript.png
diff --git a/src/static/images/2021/javascript/usage-sync-async-over-years.png b/src/static/images/2021/javascript/usage-sync-async-over-years.png
diff --git a/src/static/images/2021/javascript/usage-sync-async.png b/src/static/images/2021/javascript/usage-sync-async.png