Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
28 January 2020

⚡️ 41: Get to know new performance metrics, decide whether to self-host Google Fonts, learn how Google built Photos at 60fps and more.

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

Quantifiable performance in the form of tracking well-established metrics is essential. But understanding and delivering** optimal perceived performance are critical**.

How do we ensure every action user takes *feels* instant?

One of the ways is working with a new generation of metrics that accurately portray the experience in the realm of interaction. It’s time to move from static to user-centric.

— Karolina
#### article The New Generation of Performance Metrics for Better User Experience ## Get to know new, crucial performance metrics Numerous new performance metrics are being introduced to portray user experience better. In her article, [Milica Mihajlija](https://twitter.com/bibydigital) explains how they are calculated, what they represent, and how they will affect your Lighthouse/PageSpeed Scores. []()[The New Generation of Performance Metrics for Better User Experience →](https://calibreapp.com/blog/new-generation-of-performance-metrics)
#### article Should you self-host Google Fonts? ## Weigh the implications of self-hosting fonts Incorrectly handling web fonts can drastically delay rendering of your sites and degrade performance scores. In his post, [Barry Pollard](https://twitter.com/tunetheweb) walks through self-hosting Google Fonts—its challenges, potential benefits and drawbacks. []()[Should you self-host Google Fonts? →](https://www.tunetheweb.com/blog/should-you-self-host-google-fonts/)
#### Case study Building the Google Photos Web UI ## How Google built Photos while maintaining 60fps An excellent case study by [Antin Harasymiv](https://twitter.com/antin), explaining how Google approached building Photos to feel instantaneous. Focusing on perceived performance, the article covers loading strategies, building complex, responsive layouts and 60fps scrolling. []()[Building the Google Photos Web UI →](https://medium.com/google-design/google-photos-45b714dfbed1)
#### tools Announcing styled-components v5: Beast Mode ## Upgrade styled-components for a speed boost [Evan Jacobs](https://twitter.com/probablyup) announces significant performance improvements to the popular CSS-in-JS library. Amongst others, 26% smaller bundle size and 45% faster server-side rendering. Not too shabby! []()[Announcing styled-components v5: Beast Mode →](https://medium.com/styled-components/announcing-styled-components-v5-beast-mode-389747abd987)
#### case study Speed By A Thousand Cuts ## How eBay changed its approach to performance [Senthil Padmanabhan](https://twitter.com/senthil_hi) explains how eBay came to prioritise performance, what goals did they set, and what outcomes did they observe. A fascinating look into a large organisation adopting modern metrics, testing performance prior to releases and even more importantly, introducing Speed Champions to spearhead the effort. []()[Speed By A Thousand Cuts →](https://tech.ebayinc.com/engineering/speed-by-a-thousand-cuts/)
#### new in calibre New Track a Site Flow, Advanced Requests Filtering, Webhook Improvements and More ## What Calibre released last month

📚**Release Notes: December**
Here’s our monthly roundup of what was released in December: New Track a Site Flow, advanced requests filtering, webhook improvements and more.

**⚡️New Site Flow** allows you to set up monitoring faster and easier. Now, you can add multiple pages and adjust the testing schedule in a single step!

[]()
#### 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 ⚡️ 42: Implement fast imagery, debug Node.js performance and more. Older → ⚡️40: Improve the speed with advanced Service Worker strategies, implement Adaptive Loading, learn everything about performance for 2020 and more.
perf.email
Bluesky
LinkedIn