#### PerformanceNewsletter
|
#### Issue 32
|
|
#### Editor’s Note
We’re big advocates of choosing the right performance metrics to ensure they portray *real* user experience. They can be incredibly helpful when chosen right.
However, sometimes, no metric will be able to fully mimic someone’s experience that’s so different from what’s known to us. That’s when we not only resort to more tools but also have to put ourselves in someone else’s shoes to grasp the context we build for.
Observability will never fully replace a lived experience.
— Karolina
|
|
#### article
## Fix animation performance with DevTools
Animation can be a delightful addition to your products, but only when it snappily runs at 60fps. In her deep-dive, [Milica Mihajlija](https://twitter.com/bibydigital?lang=en) not only explains how rendering works but also showcases what tools are available to help you achieve smooth animations.
[]()[Investigate animation performance with DevTools →](https://calibreapp.com/blog/investigate-animation-performance-with-devtools/)
#### talk
## Understand the real perception of performance
In his talk, [Andy Davies](https://twitter.com/andydavies) highlights the crucial difference between only paying attention to performance metrics versus holistically grading user experience. He also highlights the massive discrepancy between devices we test on and those that are used by our customers.
[]()[performance... it’s for people →](https://noti.st/andydavies/BmWljg/performance-its-for-people)
#### Article
## Debug and fix layout instability
Remember that time when the content of a website you’re browsing shifts so much you forget what you came here for anyway, or even worse, end up on a dodgy advertiser website? *Nobody* wants that. [Rick Viscomi](https://twitter.com/rick_viscomi) explains how to debug *and* fix layout instability, preventing those pesky layout jiggles.
[]()[fixing layout instability →](https://dev.to/chromiumdev/fixing-layout-instability-176c)
#### article
## Choose the right image CDN
In many cases, an image CDN can help solve many headaches connected to serving responsive, lightweight *and* quality imagery. [Maximiliano Firtman](https://twitter.com/firt) compiled thorough research on different services available and their feature sets so you can choose with confidence.
[]()[Faster Paint Metrics with Responsive Image Optimization CDNs →](https://medium.com/@firt/faster-paint-metrics-with-responsive-image-optimization-cdns-d43340d4a48c)
#### case study
## Wikipedia reduces startup payload by 25%
A fascinating read on how folks at Wikipedia reduced their initial payload size by 9KB, which at their scale, results in mind-boggling 4.3 terabytes a day of bandwidth saved on users’ page views. Every improvement *matters*.
[]()[Wikipedia’s JavaScript initialisation on a budget →](https://phabricator.wikimedia.org/phame/live/7/post/175/wikipedia_s_javascript_initialisation_on_a_budget/)
|
|
#### article
## 5G is rolling out, so ship less JavaScript
It’s easy to assume that with global network speed progression performance will become an obsolete problem. Nothing more wrong. Here, [Scott Jehl](https://twitter.com/scottjehl) accurately points out how technological advancements are unevenly distributed and too often, we cater only to the needs of the top few percent of the population.
[]()[5G Will Definitely Make the Web Slower, Maybe →](https://www.filamentgroup.com/lab/5g/)
|
|
#### Spread the word about perf.email
We’d love to see more people reading
[perf.email](https://perf.email/); if you’d like to help—forward this email to a friend, tweet, or shout from a rooftop.
It goes a long way. ✌🏻
|
|
