Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
31 December 2019

⚡️39: Handle typography in a performant way, make sure your CSS-in-JS isn’t slow, speed equals energy efficiency and more.

Calibre Performance Newsletter #### PerformanceNewsletter
#### Issue 39
#### Editor’s Note

It’s relatively easy to start a new project and ensure it’s performant. A clean slate comes with many benefits. But often, starting fresh is not feasible. Relying on extensive rewrites isn’t a viable strategy for the future either.

Being able to discern where to focus, how to reap most significant speed benefits and having continuous data to back those claims is necessary. That’s why having a performance strategy is critical.

What’s your approach for 2020 going to be?

— Karolina
#### article ## Experience the news sites bloat In one of the best ”I’m going to make a point about performance” posts I’ve seen in a long time, [Zain Amro](https://twitter.com/zainamro) touches on the stark difference in speed of interaction between newspapers and news sites. Read carefully, till the end. []()[Unbearable news →](https://zainamro.com/notes/unbearable-news)
#### article Performance for Designers Part 1: Typography ## Know the design choices to make your type fast Often, we hear the misconception that performance work lies mostly within the developer domain. We started a series of articles to enable designers to understand and address potential performance issues in their work. []()[Performance for Designers Part 1: Typography →](https://calibreapp.com/blog/performance-for-designers-typography)
#### article 17 ways to make your website more energy efficient ## Speed leads to energy efficiency The way we use and build for the web can have [a sizeable carbon footprint](https://qz.com/1267709/every-google-search-results-in-co2-emissions-this-real-time-dataviz-shows-how-much/). One of the ways to reduce environmental impact is to focus on performance. In his post, Tom Greenwood explains how. []()[17 ways to make your website more energy efficient →](https://www.wholegraindigital.com/blog/website-energy-efficiency/)
#### article The unseen performance costs of modern CSS-in-JS libraries in React apps ## Ensure your CSS-in-JS isn’t slow With the rise of React’s omnipresence, several new ways of handling CSS in JavaScript emerged. In his article, [Aggelos Arvanitakis](https://twitter.com/aggarvanitakis) cautions of possible performance problems that can be caused by using runtime-based CSS-in-JS libraries. []()[The unseen performance costs of modern CSS-in-JS libraries in React apps →](https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/)
#### talk Move Fast & Don’t Break Things ## Make and keep your sites fast In his talk, [Scott Jehl](https://twitter.com/scottjehl) touches on a critical point—that keeping your site performant is much harder than initially ensuring it’s fast. He provides strategies to prevent the negative performance impact of the accumulation of content and continuous product growth. []()[Move Fast & Don’t Break Things →](https://www.filamentgroup.com/lab/dontbreakthings/)
#### podcast Performance for the Long-Haul with Katie Hempenius ## Learn how to be a performance strategist In the new Chasing Waterfalls podcast episode, [Katie Hempenius](https://twitter.com/katiehempenius) talks about which areas to focus on in performance work and explains how crucial organisational support is to be successful. Worth a listen. []()[Performance for the Long-Haul with Katie Hempenius →](https://chasingwaterfalls.io/episodes/episode-three-with-katie-hempenius/)
#### 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. ✌🏻

#### Brought to you by ♠ [Calibre](https://calibreapp.com/). Make the web fast for everyone. [Update your profile]() [Unsubscribe]() [View in a browser]()
Don't miss what's next. Subscribe to Performance Newsletter:
← Newer ⚡️40: Improve the speed with advanced Service Worker strategies, implement Adaptive Loading, learn everything about performance for 2020 and more. Older → ⚡️ 38: Increasing performance adoption, getting started with modern performance, fast ads and more.
perf.email
Bluesky
LinkedIn