͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Often, efforts to enhance speed begin with one person caring deeply about user experience and access. They might be making improvements as they work on other tasks or in-between. After some time, they might convince others to form a more formal initiative (perhaps a Speed Team!).
The beginnings might be humble, but eventually, what starts with one person, can become an organisation-wide movement. It’s inspiring to read stories of ”grassroots” performance culture because not one organisation magically arrives at having excellent speed.
If you’re that person, churning away at speed improvements, trying to make meaningful change—keep going. **Your work matters.**
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [How Lighthouse 8 Changes Affect Your Metrics](https://calibreapp.com/blog/lighthouse-8)
|
| |
|
[Karolina Szczur](https://twitter.com/fox)
|
|
Lighthouse 8 is here with refreshed Performance Score and metric definitions. Learn how the recent changes will show up in your monitoring.
|
|
|
| |
|
 |
| |
|
### [What can the HTTP Archive tell us about Largest Contentful Paint?](https://paulcalvano.com/2021-06-07-lcp-httparchive/)
|
| |
|
[Paul Calvano](https://twitter.com/paulcalvano)
|
|
One of Core Web Vitals, Largest Contentful Paint, can significantly impact user experience (especially on mobile). Did you know that, at the 90th percentile, the LCP element size was 512KB and only 3% use WebP as a format of choice?
|
|
|
| |
|
 |
| |
|
### [Serving sharp images to high density screens](https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/)
|
| |
|
[Jake Archibald](https://twitter.com/jaffathecake)
|
|
High-density screens are more popularised than you think. But are you serving good enough quality images to cater to them?
|
|
|
| |
|
|
|
|
|
| |
|
# Case Studies
|
|
|
|
| |
 |
| |
|
### [Improving Cumulative Layout Shift at Telegraph Media Group](https://web.dev/telegraph/)
|
| |
|
[Chris Boakes](https://twitter.com/cboakes)
|
|
Cumulative Layout Shift can be tricky to measure and improve. Find out how Telegraph Media Group improved their 75th percentile CLS by 250%.
|
|
|
| |
|
 |
| |
|
### [Measuring Web Performance](https://blog.allegro.tech/2021/06/measuring-web-performance.html)
|
| |
|
[Jerzy Jelinek](https://twitter.com/jerzyjelinek)
|
|
It’s fascinating to read about the ”origins of performance culture”. Find out how Allegro, a leading Polish e-commerce platform, started tracking speed and established its monitoring system using the Performance API.
|
|
|
| |
|
|
|
|
|
| |
|
# Talks & Podcasts
|
|
|
|
| |
 |
| |
|
### [Accelerate networking with HTTP/3 and QUIC](https://developer.apple.com/videos/play/wwdc2021/10094/)
|
| |
|
Rui Paulo and [Eric Kinnear](https://www.linkedin.com/in/ekinnear/)
|
|
Learn how HTTP/3 reduces latency and improves reliability. HTTP/3 comes with QUIC, new transport functionality that’s gradually becoming widely available.
|
|
|
| |
|
|
|