2022 Performance chapter (#3092)

* update metadata - content team

* Config updates

* init md

* trim

* fix figure syntax

* fix figure syntax 2

* website --> linkedin

* Markup cleanup

* More markup cleanup

* Add images

* Fix figure

* add pmeenan as reviewer

* draft doc updates

* hreflang

* figure fixes

* go figures

* Optimised images with calibre/image-actions

* Retake images

* Add back TBT static images

* quote and stats

* updated WPT TTL

* remaining figure descriptions

* blockquote style fix

* temporarily enable ebook

* revert ebook

* improved blockquotes

* Twitter and MDN links don't need hreflang

* Smart quote

* Retake images

* Fix link

* Fix graph with incorrect URL

* Fix ionternal links

* Fix internal links

* featured stats

* Apply suggestions from code review

Co-authored-by: Barry Pollard <barrypollard@google.com>

* linter

* Update src/content/en/2022/performance.md

Co-authored-by: Barry Pollard <barrypollard@google.com>

* Update src/content/en/2022/performance.md

Co-authored-by: Barry Pollard <barrypollard@google.com>

* rm host-specific cross-origin LCP

* apply intro feedback

update grammar, add links, remove detailed note about user timing api

Co-authored-by: Barry Pollard <barrypollard@google.com>

* intro updates: apply feedback and reworking from planning doc

* intro feedback applied: add caveat about Google employee, remove nearly duplicate sentence

* conclusion: apply reworking from planning doc

* resolve linter error: remove trailing whitespace

* intro/outro edits

* Markup fixes

* Update dates

* Spelling

* More spellings

* Spelling update

Co-authored-by: Barry Pollard <barrypollard@google.com>
Co-authored-by: Rick Viscomi <rviscomi@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: 4 people

sql/2022/performance/js_bytes_rank.sql

@@ -0,0 +1,15 @@
+SELECT
+  IF(_rank < 10000000, CAST(_rank AS STRING), 'all') AS rank,
+  _TABLE_SUFFIX AS client,
+  APPROX_QUANTILES(bytesJS, 1001)[OFFSET(501)] / 1024 AS js_kbytes
+FROM
+  `httparchive.summary_pages.2022_06_01_*`,
+  UNNEST([1000, 10000, 100000, 1000000, 10000000]) AS _rank
+WHERE
+  rank <= _rank
+GROUP BY
+  rank,
+  client
+ORDER BY
+  rank,
+  client

src/config/2022.json

@@ -90,8 +90,7 @@
           "part": "II",
           "chapter_number": "12",
           "title": "Performance",
-          "slug": "performance",
-          "todo": true
+          "slug": "performance"
         },
         {
           "part": "II",
@@ -849,7 +848,7 @@
       ],
       "avatar_url": "5370850",
       "github": "mel-ada",
-      "website": "https://www.linkedin.com/in/morelmelissa",
+      "linkedin": "mel-ada",
       "twitter": "mel_melificent"
     },
     "MichaelLewittes": {
@@ -945,6 +944,15 @@
       "website": "https://pankajparkar.dev",
       "twitter": "pankajparkar"
     },
+    "pmeenan": {
+      "name": "Patrick Meenan",
+      "teams": [
+        "reviewers"
+      ],
+      "avatar_url": "444165",
+      "github": "pmeenan",
+      "twitter": "patmeenan"
+    },
     "patrickstox": {
       "name": "Patrick Stox",
       "teams": [
@@ -982,7 +990,7 @@
       ],
       "avatar_url": "10120153",
       "github": "25prathamesh",
-      "website": "https://www.linkedin.com/in/prathameshrasam"
+      "linkedin": "prathameshrasam"
     },
     "rachelandrew": {
       "name": "Rachel Andrew",
@@ -1000,7 +1008,7 @@
         "analysts",
         "editors",
         "leads",
-        "reviewers"
+        "authors"
       ],
       "avatar_url": "1120896",
       "github": "rviscomi",

src/config/last_updated.json

@@ -642,8 +642,8 @@
     "hash": "02943b734d7d521d4f91f198a07a4277"
   },
   "en/2022/chapters/performance.html": {
-    "date_published": "2022-09-26T00:00:00.000Z",
-    "date_modified": "2022-09-26T00:00:00.000Z",
+    "date_published": "2022-10-25T00:00:00.000Z",
+    "date_modified": "2022-10-25T00:00:00.000Z",
     "hash": "c5e976dadd53efa85fc32879de02cf06"
   },
   "en/2022/chapters/privacy.html": {
@@ -667,8 +667,8 @@
     "hash": "1931b740f2e8d988c43e93e3bac6d6f7"
   },
   "en/2022/chapters/structured-data.html": {
-    "date_published": "2022-09-26T00:00:00.000Z",
-    "date_modified": "2022-09-26T00:00:00.000Z",
+    "date_published": "2022-10-25T00:00:00.000Z",
+    "date_modified": "2022-10-25T00:00:00.000Z",
     "hash": "882e41879916b37328202bbe182c7668"
   },
   "en/2022/chapters/sustainability.html": {

src/config/spelling_ignore_words.txt

@@ -75,6 +75,7 @@ beforeinstallprompt
 behance
 bendell
 benseymour
+bfcache
 bgsound
 bidirectionality
 bing
@@ -322,6 +323,8 @@ gzip
 gzipped
 hackathon
 hardcoded
+heic
+heif
 hemanth
 henrihelvetica
 hevc
@@ -432,6 +435,7 @@ labelled
 labelling
 laggy
 lang
+latencies
 lazyload
 lazysizes
 ldevernay
@@ -460,6 +464,7 @@ locl
 lockdowns
 logicalphase
 lookzook
+lossily
 losslessly
 lossy
 lowat
@@ -480,6 +485,7 @@ mediumspringgreen
 meetup
 meetups
 meiert
+melificent
 mempf
 metadata
 metaverse
@@ -568,6 +574,7 @@ outlier
 outliers
 outpacing
 outsized
+overperform
 overreport
 oversized
 pagead
@@ -625,9 +632,10 @@ prefetches
 prefetching
 prefill
 preload
-preloads
+preloaded
 preloader
 preloading
+preloads
 prepending
 preprocess
 preprocessor
@@ -639,6 +647,7 @@ presentational
 princexml
 prioritization
 prioritizations
+pristinely
 proactively
 progid
 programmatically
@@ -651,6 +660,7 @@ qlog
 queryable
 quic
 quicly
+quintillion
 quora
 qvis
 rachelandrew
@@ -663,6 +673,7 @@ ratatouille
 readible
 readonly
 realfavicongenerator
+rearchitecture
 rebeccapurple
 recaptcha
 recompress
@@ -885,10 +896,12 @@ uncompressing
 uncrawlable
 undercount
 undercounting
+underperform
 underperforming
 underreport
 underserved
 underuse
+undiscoverable
 unfurlers
 unitless
 unlabelled
@@ -898,6 +911,8 @@ unpkg
 unprefixed
 unsecure
 unsecurely
+unsized
+unstyled
 untagged
 updatable
 uptick

src/content/en/2022/performance.md

@@ -735,7 +735,8 @@ hr {
   opacity: 0.2;
 }
 
-blockquote {
+blockquote,
+blockquote p {
   position: relative;
   font-style: italic;
   font-size: 19px;