⚡ 121: How to score 100 in Lighthouse

        1 March 2023

⚡ 121: How to score 100 in Lighthouse

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

[issue 121]()

#### Editor’s note

When I started building on the Web, a few used JavaScript. It’s been bewildering to watch its rise from zero to everything written in JavaScript, including things that should have been left alone in the first place (hello, CSS!).

Now, a good majority of modern web performance metrics focus on quantifying the impact of JavaScript, which is, by far, the most detrimental to user experience and emissions generated by compute time.

We should have always bet on the web platform.

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

### [Optimizing your web app: how to score 100 on Lighthouse](https://www.justjeb.com/post/how-to-score-100-on-lighthouse)

[Jenia Barabanov](https://www.justjeb.com/)

While 100 on Lighthouse doesn’t guarantee a great user experience, addressing common bottlenecks inches us towards the right direction. In this example, learn how to optimise for the most critical performance score metric, Total Blocking Time.

### [On Container Queries, responsive images, and JPEG-XL](https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/)

[Jason Grigsby](https://gri.gs/)

CSS Container Queries are now available in most major browsers—unfortunately, they conflict with responsive images. Learn why they don’t get along and what can be done to address this.

### [HTTP/3: the future of web communication is already here](https://medium.com/evendyne/http-3-the-future-of-web-communication-is-already-here-865cd93001a2)

[Mike Dyne](https://mikedyne.medium.com/)

This article is a good reminder of new features coming with the HTTP/3 protocol (multiplexing! QUIC!) and the support for HTTP/3 today.

### [The Market for Lemons](https://infrequently.org/2023/02/the-market-for-lemons/)

[Alex Russell](https://infrequently.org/)

There has been a lot of critique for Single Page Apps and framework-first development. As always, Alex Russell brings a solid reality check of what this approach has cost the web in the last decade.

# Courses, Talks & Podcasts

### [State of Web Performance: February 2023](https://www.youtube.com/watch?v=dIcZTtydyIU&ab_channel=ThisDotMedia)

[Tracy Lee](https://www.thisdot.co/), [Henri Helvetica](https://twitter.com/HenriHelvetica), [Alex Russell](https://infrequently.org/), [Sia Karamalegos](https://sia.codes/), 

[Estela Franco](https://estelafranco.com/) & <a href="https://blog.yoav.ws/" 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: underline;font-weight: normal;margin: 0;padding: 0;mso-effects-shadow-color: #2B2B2B;color: #5E5E5E;' target="_blank"><span class="css-16my406 css-901oao r-18jsvk2 r-1awozwy r-1udh08x r-3s2u2q r-6koalj r-b88u0q r-bcqeeo r-poiln3 r-qvutc0" style="border-collapse: collapse;mso-line-height-rule: exactly;"><span class="css-16my406 css-1hf3ou5 css-901oao r-bcqeeo r-poiln3 r-qvutc0" style="border-collapse: collapse;mso-line-height-rule: exactly;"><span class="css-16my406 css-901oao r-bcqeeo r-poiln3 r-qvutc0" style="border-collapse: collapse;mso-line-height-rule: exactly;">Yoav Weiss</span></span></span></a>

This Dot Media talks hosted a round table about community initiatives, identifying performance challenges, metrics and resources to help you improve speed.

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

                ⚡ 122: How to improve Interaction to Next Paint

                    Older →

                ⚡ 120: What’s new in Lighthouse 10