͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Web performance is a team-wide (if not organisation) project. Without buy-in and shared responsibility, it’s an uphill battle to make a difference. Inviting your entire team to the monitoring tool of choice might be easy, but that’s only the beginning.
People who should know about speed come from different business areas and expertise. Education is crucial for everyone to be on the same page about what the data they see means. Because site speed often is a complex subject, distilling complexity matters. People will struggle with addressing issues they don’t understand.
That’s why you should split your speed efforts into implementing improvements and educating about the subject area. With both, you assemble a widespread team that rallies for speed.
Joint vision works more effectively than a few lone riders.
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [HTTP/3 From A To Z: Core Concepts (Part 1)](https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/)
|
| |
|
[Robin Marx](https://twitter.com/programmingart)
|
|
What exactly is HTTP/3? Why was it needed so soon after HTTP/2? How can or should you use it? And how does it improve web performance?
|
|
|
| |
|
 |
| |
|
### [Mobile Overview Report (April-June 2021)](https://www.scientiamobile.com/wp-content/uploads/2021/08/MOVR-2021-Q2-v3.pdf)
|
| |
|
[ScientiaMobile](https://www.scientiamobile.com/)
|
|
What are the most popular mobile devices and operating systems? What about next-gen image format support and adoption? Find it all in this report.
|
|
|
| |
|
|
|
|
|
| |
|
# Case Studies
|
|
|
|
| |
 |
| |
|
### [How we reduced Next.js page size by 3.5x and achieved a 98 Lighthouse score](https://papyrus.dev/@PapyrusBlog/how-we-reduced-next.js-page-size-by-3.5x-and-achieved-a-98-lighthouse-score)
|
| |
|
[Colin Armstrong](https://twitter.com/colinarms)
|
|
Learn how several web performance optimisations can account for significant improvements in metrics and bundle size.
|
|
|
| |
|
 |
| |
|
### [CSS Architecture and Performance in Micro Frontends](https://blog.allegro.tech/2021/07/css-architecture-and-performance-of-micro-frontends.html)
|
| |
|
[Mateusz Krzeszowiak](https://twitter.com/krzksz)
|
|
See how Allegro decided to use CSS Modules for performance and implemented serving only necessary CSS on an on-demand basis.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
 |
| |
|
### [HTTP Caching Tests](https://cache-tests.fyi/)
|
| |
|
[Mark Nottingham](https://twitter.com/mnot)
|
|
Analyse how caches behave with a test suite for the behaviours of HTTP caches, including browsers, proxy caches and CDNs.
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Collaborate on Speed with Teams](https://calibreapp.com/blog/collaborate-on-speed-with-teams)
|
|
Improving speed and user experience is a team sport. We created Teams, so you can easily collaborate on speed: view, share and set up reporting in a way that works best for your company.
|
|
|
| |
|
|
