͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
One of the reasons why performance is often challenging to get right is context. At times, a small change or component will introduce a drastic speed regression. At others, a recommended speed strategy will yield minimal results and sink a significant amount of teams’ time.
|
| |
|
|
There is a certain amount of catch-all, good practice advice that applies to sites and apps of all shapes and sizes. But there’s only so much high-level guidance can give you. Ultimately, we have to audit our scenarios and decide where improvements are likely and, ideally, not too costly.
|
| |
|
|
Copying strategies might bring gains or send you down an expensive rabbit hole. Choose wisely.
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [Big picture performance analysis using Lighthouse Parade](https://cloudfour.com/thinks/big-picture-performance-analysis-using-lighthouse-parade/)
|
| |
|
[Emerson Loustau](https://twitter.com/emersonthis)
|
|
Comprehensively running Lighthouse yourself is challenging. Learn how folks at Cloud Four used Lighthouse Parade to crawl entire websites and generate speed reports.
|
|
|
| |
|
 |
| |
|
### [Prefetching Heuristics ](https://blog.mgechev.com/2021/02/07/prefetching-strategies-heuristics-faster-web-apps/)
|
| |
|
[Minko Gechev](https://twitter.com/mgechev)
|
|
Prefetching lives in the realm of speed micro-optimizations. Know the trade-offs and benefits of different tech-agnostic prefetching practices.
|
|
|
| |
|
 |
| |
|
### [Testing priority hints with WebPageTest](https://nooshu.github.io/blog/2021/02/20/testing-priority-hints-with-webpagetest/)
|
| |
|
[Matt Hobbs](https://twitter.com/TheRealNooshu)
|
|
While priority hints are currently on hold, they might be back in the future with a revamped implementation. Understand what they are, how they work and how to experiment with WebPageTest.
|
|
|
| |
|
|
### [Testing Performance](https://kellysutton.com/2021/01/12/testing-performance.html)
|
| |
|
[Kelly Sutton](https://twitter.com/KellySutton)
|
|
Is it worth shelving quantitative performance goals in favour of qualitative predictors and alerting?
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
 |
| |
|
### [AVIF Converter](https://avif.io/)
|
| |
|
[Justin Schmitz](https://twitter.com/jschmitz97) & Niksa Sporin
|
|
Keen to use bleeding edge image formats, like AVIF? Experiment with this handy client-side converter.
|
|
|
| |
|
|
|
|
|
| |
|
# Talks & Podcasts
|
|
|
|
| |
 |
| |
|
### [#Performance, Bundles and Headaches: Optimizing Your Code](https://open.spotify.com/episode/4y41pEyBUKf2iqX3norALZ?si=S_UNIS64QaK4qtsXBw45IA&nd=1)
|
| |
|
[Eyal Eizenberg](https://twitter.com/EyalEizenberg) & [Addy Osmani](https://twitter.com/addyosmani)
|
|
Listen to the Wix Engineering podcast with Addy to learn how they discovered and overcame speed issues caused by innocuous components. Available in [Spotify](https://open.spotify.com/episode/4y41pEyBUKf2iqX3norALZ?si=S_UNIS64QaK4qtsXBw45IA&nd=1) and [Apple Podcasts](https://podcasts.apple.com/il/podcast/wix-engineering-podcast-performance-bundles-headaches/id1503976848?i=1000509391542).
|
|
|
| |
|
|
|
