⚡ 113: State of web performance in 2022

        1 November 2022

⚡ 113: State of web performance in 2022

         ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

[issue 113]()

#### Editor’s note

Each year, the Web Almanac brings us a thorough analysis of the state of the web. Since the Core Web Vitals came around in 2020, we’ve seen a 10% (desktop) and 15% (mobile) improvement in the number of sites passing the required thresholds for optimal user experience. This is a win we should celebrate!

But, still, this means 56% of desktop and 61% of mobile websites with subpar performance. Not mentioning the data comes from the Chrome User Experience Report, which has [significant dataset limitations](https://calibreapp.com/blog/core-web-vitals#how-do-i-see-core-web-vitals-the-way-google-sees-them).

Extensive device CPUs and global connectivity improvements didn’t magically address the web performance gap. Vast groups are excluded from access, literacy and opportunities the internet brings. We still have work to do. Let’s commit to an equitable, fast Web for everyone.

Karolina

#### What’s Performance newsletter?

Performance Newsletter is a fortnightly mailing by [Calibre](https://calibreapp.com), featuring web performance tools, talks and resources.

                                                    Don’t worry—we don’t spam. If you’d like to leave, [unsubscribe]() at any time. Suggest content [here](mailto:[email protected]).

# Articles

### [Web Almanac 2022: Performance](https://almanac.httparchive.org/en/2022/performance)

[Melissa Ada](https://twitter.com/mel_melificent) & [Rick Viscomi](https://twitter.com/rick_viscomi)

It’s been a year since Core Web Vitals became a ranking factor. This chapter focuses on how CWV shaped web performance—what the improvements are, and where there’s still work to be done.

### [A beginner’s guide to Chrome tracing](https://nolanlawson.com/2022/10/26/a-beginners-guide-to-chrome-tracing/)

[Nolan Lawson](https://toot.cafe/@nolan)

You might be familiar with debugging performance in the Chrome Developer Tools Performance tab. Here’s how to use additional tooling, Chrome tracing, to unlock low-level browser performance traces.

### [Removing layout shift from a progressively enhanced burger menu](https://cloudfour.com/thinks/removing-layout-shift-from-a-progressively-enhanced-burger-menu/)

[Gerardo Rodriguez](https://twitter.com/_gerardo)

A progressively enhanced hamburger menu pattern can cause Cumulative Layout Shift issues. Learn why and what are the possible solutions!

# Case Studies

### [Building a Better Web part 1: a faster YouTube on web](https://web.dev/better-youtube-web-part1/)

[Addy Osmani](https://twitter.com/addyosmani) & [Sriram Krishnan](https://web.dev/authors/sriramkrishnan/)

YouTube had room for improvement, especially around Largest Contentful Paint. Discover strategies the team used to reduce it from 4.6 seconds to 1.6 seconds and get 76% of mobile web URLs to pass the Core Web Vitals assessment.

### [How we improved React loading times by 70% with Next.js](https://www.causal.app/blog/next-js)

[Causal](https://twitter.com/causalhq)

Learn how Causal migrated their front end from Create React App to Next.js and achieved 71% and 32%  faster load times without using complex server-side rendering.

# Courses, Talks & Podcasts

### [Modern metrics](https://docs.google.com/presentation/d/1EMv1BRC8DYtu2LBDJ0b9-mOsixBG8WmE9gKNS5fjzQk/edit#slide=id.p)

[Nic Jansma](https://twitter.com/nicj)

We often talk of modern performance metrics. What is a “modern” metric anyway? Find out how to measure and evaluate popular (and experimental) web performance metrics and how they affect UX and business goals.

This email is brought to you by the team at [Calibre](https://calibreapp.com). We automate web performance testing, reporting and alerting, so you don’t have to.

Performance Newsletter is sent from the traditional lands of the Wurundjeri people of the Kulin nation. We acknowledge that sovereignty was never ceded and pay respects to the Elders past, present and emerging.

 Send your suggestions, links and feedback to [[email protected]](mailto:[email protected]).

[View or share this email →]()

[Quickly unsubscribe →]()

[Browse older issues →]()

**Sent by**

<a style='border-collapse: collapse;mso-line-height-rule: exactly;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-decoration: none;font-weight: normal;margin: 0;padding: 0;mso-effects-shadow-color: #2B2B2B;color: #ffffff;'>Calibre Analytics<br/><br/>149A Brunswick Street<br/>Ngár-go<br/>Fitzroy VIC 3065<br/>Australia</a>

                                Don't miss what's next. Subscribe to Performance Newsletter:

                        Email
                        *

                    ← Newer

                ⚡ 114: Get the most out of synthetic monitoring

                    Older →

                ⚡️ 112: Why you should have a performance story