Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
16 August 2019

Issue #29—Largest Contentful Paint, loading CSS asynchronously, understanding Time to First Byte and more.

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

The world of performance metrics can be deeply confusing. Which ones are always mandatory to track? Which ones have [the most significant impact on SEO](https://calibreapp.com/blog/how-pagespeed-works/) and conversions? Which ones [portray user experience](https://calibreapp.com/docs/metrics/paint-based-metrics) best? Which ones are important for *your* context?

That’s a lot of questions you might not have answers to. Fortunately, in this issue, we feature two articles about a new-and-upcoming performance metric (LCP) and a well established but often misunderstood one (TTFB). Happy learning!

— Karolina
#### article ## Measure when crucial content has been loaded First Contentful Paint or First Meaningful Paint can help establish when text is visible. So far, there hasn’t been a metric focusing on pinpointing when media, which often *is* also primary content, becomes available. In his article, [Phil Walton](https://twitter.com/philwalton) explains a new performance metric—**Largest Contentful Paint**. [Largest Contentful Paint →](https://web.dev/largest-contentful-paint/)
#### article
#
## Understand why TTFB matters Time to First Byte is an often overlooked metric. Touching on the back-end but also ops territory, understanding what affects it and how to debug slowdowns can require a thorough understanding across the whole stack. Here, [Harry Roberts](https://twitter.com/csswizardry) demystifies TTFB and how to work with it. [Time to First Byte: What It Is and Why It Matters →](https://csswizardry.com/2019/08/time-to-first-byte-what-it-is-and-why-it-matters/)
#### article Load CSS async ## Load CSS without delaying page rendering CSS can easily have a huge impact on performance. Inlining critical CSS is a well-established technique that aids with mitigating this problem. But how do we go further and serve the remainder of our styles asynchronously? [Scott Jehl](https://twitter.com/scottjehl) has a simple solution. [The Simplest Way to Load CSS Asynchronously →](https://www.filamentgroup.com/lab/load-css-simpler/)
#### media How fast is your site on mobile? ## Learn how to test your sites for mobile experience Performance advice on Instagram? Sign me up! [Addy Osmani](https://twitter.com/addyosmani) started sharing short and actionable articles—the first one describes how to effectively understand the experience of your customers using mobile devices. [How fast is your site on mobile? →](https://www.instagram.com/p/B0zvl54BfrD/)
#### tools
#
## Find out how annoying typing delay can be [Monica Dinculescu](https://twitter.com/notwaldorf) is known for her ridiculously fun, awesome and educational projects. This time, her demo portrays how frustrating user interaction can become once delayed even a few milliseconds.  [delay experiment →](https://input-delay.glitch.me)
#### 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 Issue #30—Tackling third-party JavaScript, rendering on the Web, performance and accessibility are the baseline and more. Older → Issue #28—Fast software is the best software, stale while revalidate, optimising GIFs and more.
perf.email
Bluesky
LinkedIn