͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
|
|
It’s great that we have significant advances in compressing and efficiently serving assets. While those web performance methods are exciting, in some cases, they can obscure the cost of decompressing, executing or rendering assets.
This is especially true for JavaScript bundles, split into endless files, often much larger after decompression, needing to be run on the main thread. We must remember that delivery is only one part of managing the performance of assets.
|
|
|
|
|
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
|
|
|
|
|
|
 |
|
|
|
### [Why don’t we talk about minifying CSS anymore?](https://blog.sentry.io/why-dont-we-talk-about-minifying-css/)
|
|
|
|
[Salma Alam-Naylor](https://whitep4nth3r.com/)
|
|
Remember setting up elaborate pipelines for each project to compile, minify and post-process CSS files? If CSS minification is that critical, why isn’t it talked about anymore?
|
|
|
|
|
|
 |
|
|
|
### [Faster websites with the Picture element](https://frankstall.one/blog/faster-websites-with-the-picture-element/)
|
|
|
|
[Frank Stallone](https://frankstall.one/)
|
|
A quick intro to the benefits of the picture element and how you can use it today.
|
|
|
|
|
|
|
|
|
|
|
|
|
# Browsers
|
|
|
|
|
|
|
### [Wall to wall improvements: These weeks in Firefox: issue 159 ](https://blog.nightly.mozilla.org/2024/04/23/wall-to-wall-improvements-these-weeks-in-firefox-issue-159/)
|
|
|
|
[Katherine Patenio](https://www.linkedin.com/in/katherine-patenio/)
|
|
Several performance improvements have landed in Firefox. One of them is moving Brotli off of the main thread, resulting in FCP and LCP decrease.
|
|
|
|
|
|
|
|
|
|
|
|
|
# Courses, Talks & Podcasts
|
|
|
|
|
|
 |
|
|
|
### [Optimizing INP: a deep dive](https://www.youtube.com/watch?app=desktop&v=cmtfM4emG5k&ab_channel=ChromeforDevelopers)
|
|
|
|
|
|
This video walks through measuring INP in the lab using the DevTools Performance panel, finding causes when interactions are slow, and then removing, deferring, and optimising code to ensure good UX.
|
|
|
|
|
|
|
### [Font performance](https://www.slideshare.net/slideshow/font-performance-nyc-webperf-meetup-april-24-1abf/267363735)
|
|
|
|
[Paul Calvano](https://paulcalvano.com/)
|
|
Learn how to optimise and serve webfonts quickly based on real-world examples straight from the HTTP Archive.
|
|
|
|
|
|
|
|
|
|
|
# New in Calibre
|
|
|
|
|
|
 |
|
### ## [CrUX Pages Leaderboard: Real-user Core Web Vitals data for your whole Site](https://calibreapp.com/changelog#05-crux-pages-leaderboard)
|
|
We added Page-level support to our CrUX Dashboard. Now you can easily find the worst and best performing pages for any site that’s in the CrUX dataset.
|
|
|
|
|
|
|
