Spade shape with cobalt blue background

Performance Newsletter

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

⚡️37: Mitigate the performance impact of live chat, how Discord made their iOS app faster, React hooks for data prefetching and more.

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

It’s exciting to see the rise of technologies focused on speed. But many rely on the emergence of 5G and HTTP/3 to be the panacea to performance headaches. Nothing more wrong.

To quote William Gibson, ”the future is already here—it’s just not evenly distributed”. The global digital divide is always there.

Our customers and users of the Internet will always operate in the context relevant to their socioeconomic status, and that often vastly differs from our own.

Speed is *always* relevant.

— Karolina
#### article How we improved the performance of our live chat by 30% ## Mitigate the performance impact of live chat In his article, Calibre’s platform developer, [Michael Dijkstra](https://twitter.com/micdijkstra) describes how to mitigate the high performance cost of using live chat tools on your sites. With his open source component, [react live chat loader](https://github.com/calibreapp/react-live-chat-loader), you’ll be able to significantly improve Lighthouse Performance Score and Time to Interactive. []()[How we improved the performance of our live chat by 30% →](https://calibreapp.com/blog/fast-live-chat)
#### tools React Hooks for Remote Data Fetching ## Make your interfaces fast with data refetching SWR (stale while revalidate) is a React Hooks library for remote data fetching that helps with making interfaces feel fast and responsive. Thanks to folks at [Zeit](https://twitter.com/zeithq), you can manage updating data in the background, without disrupting the user experience. []()[SWR: React Hooks for Remote Data Fetching →](https://swr.now.sh/)
#### case study How Discord achieves native iOS performance with React Native ## How Discord sped up their app load by 2 seconds In this excellent case study, [Miguel Gaeta](https://twitter.com/mrkcsc) explains how Discord implemented a range of optimisations to their React Native iOS app, proving that no amount of milliseconds dropped is worthless. Focusing on battery life and providing a 60fps experience on older iPhones (5, 6 and XS) the article features quite a handful of actionable strategies. []()[How Discord achieves native iOS performance with React Native →](https://blog.discordapp.com/how-discord-achieves-native-ios-performance-with-react-native-390c84dcd502)
#### article ## Effectively manage third party JavaScript [Jeremy Wagner](https://jeremy.codes/) is back with his Responsible JavaScript series. This time, he focuses on one of the biggest offenders nowadays—third party code, providing actionable strategies to prevent performance regressions and manage external tools in the long run. []()[Responsible JavaScript: Part III →](https://alistapart.com/article/responsible-javascript-part-3/)
#### talk Monitoring and metrics in chrome ## Learn the ins and outs of performance monitoring In her talk, [Annie Sullivan](https://twitter.com/anniesullie) describes what characterises useful performance metrics and explains when performance monitoring is effective. A goldmine of performance knowledge, usually only known to the few working on tooling. []()[Lessons learned from performance monitoring in Chrome →](https://www.slideshare.net/AnnieSullivan9/monitoring-and-metrics-in-chrome-196438420)
#### article Six Web Performance Technologies to Watch in 2020 ## What speed technologies to watch for in 2020 [Simon Hearne](https://twitter.com/SimonHearne) offers a high-level overview of what technologies are likely to change the face of performance in the upcoming year. It’s important to remember the context of not only the devices we access the Web from but also slow adoption of fast networks like 5G. []()[Six Web Performance Technologies to Watch in 2020 →](https://simonhearne.com/2019/2020-predictions/)
#### 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 ⚡️ 38: Increasing performance adoption, getting started with modern performance, fast ads and more. Older → ⚡️36: Crucial performance announcements from Chrome Dev Summit, new performance metrics, the state of performance in 2019 and more.
perf.email
Bluesky
LinkedIn