Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
14 December 2022

⚡ 116: Optimise Interaction to Next Paint

͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
 
Performance Newsletter
[issue 116]()
 
#### Editor’s note
 

A growing number of web performance community members have been attempting to describe what it means to have a performance culture and what its landmarks are. This is a great shift to observe. We need strategies and actionable goals to holistically approach performance at teams and organisations of various shapes and sizes.

Many teams are at the beginning of their performance journey. Some reached the top level across some areas but lacked in others. Does a presence of a web performance team guarantee ultimate speed maturity? It could, but it doesn’t have to. Can we checkbox our way to web performance proficiency? Can only big companies work on web performance? Yes and no on both.

As with many difficult questions at a high level, we venture into ”it depends” territory, which isn’t necessarily helpful. What we **can** do, is set up actionable, measurable goals based on expert guidance for our context and deliver on them.

 
Karolina
 
 
 
 
#### What’s Performance newsletter?
 

Performance Newsletter is a fortnightly mailing by [Calibre](https://calibreapp.com), featuring web performance tools, talks and resources.

Don’t worry—we don’t spam. If you’d like to leave, [unsubscribe]() at any time. Suggest content [here](mailto:[email protected]).

 
 
 
# Articles  
 
 Input delay caused by a task fired by a timer from a third-party script
 
### [Optimize Interaction to Next Paint](https://web.dev/optimize-inp/)
 
[Jeremy Wagner](https://jlwagner.net/) & [Phil Walton](https://philipwalton.com/)
Find out how to identify long input delays in the Google Chrome Performance Profiler and which strategies to use depending on whether you’re optimising first or third-party scripts.
 
Two female plane pilots going over pre-flight checklist
 
### [7 website performance metrics to track for better UX](https://calibreapp.com/blog/performance-metrics-to-track)
 
[Ben Schwarz](https://germanforblack.com/)
In the oversaturation of performance metrics, which ones are the most relevant to track? Learn if you’re following the most critical metrics for user experience and avoiding non-reliable measurements.
 
A visual example of art direction: 3 different images for 3 different viewports.
 
### [A guide to image optimization on Jamstack sites](https://www.smashingmagazine.com/2022/11/guide-image-optimization-jamstack-sites/)
 
[Alba Silvente](https://www.dawntraoz.com/)
Learn how to optimise imagery, from the nitty-gritty implementation details to art direction decisions on a case study of a Jamstack site.
 
Performance maturity matrix
 
### [A performance maturity matrix](https://calendar.perfplanet.com/2022/a-performance-maturity-matrix/)
 
[Brian Louis Ramirez](https://screenspan.net/)
For a long time, we’ve focused on development-oriented solutions for web performance. Now, many define what performance maturity is holistically, combining cross-organisational approaches and cultural shifts.
 
### [Speeding up the JavaScript ecosystem one library at a time](https://marvinh.dev/blog/speeding-up-javascript-ecosystem/)
 
[Marvin Hagemeister](https://marvinh.dev/)
Do we need to rewrite all JavaScript tooling in Rust or Go to gain speed? It turns out popular tools (like PostCSS) could shave seconds with a handful of optimisations.
 
 
 
# Courses, Talks & Podcasts  
 
Pyramid of performance maturity
 
### [Performance culture through the looking-glass](https://www.slideshare.net/DoraKalneusMilitaru/performance-culture-through-the-lookingglass-performancenow-2022-253904970)
 
[Dora Militaru](https://doramilitaru.com/)
Is performance a particularly tricky discipline or a cultivated frame of mind? Learn how to foster and scale a strong performance culture.
 
 
Calibre
 
This email is brought to you by the team at [Calibre](https://calibreapp.com). We automate web performance testing, reporting and alerting, so you don’t have to.
 
 

Performance Newsletter is sent from the traditional lands of the Wurundjeri people of the Kulin nation. We acknowledge that sovereignty was never ceded and pay respects to the Elders past, present and emerging.

Send your suggestions, links and feedback to [[email protected]](mailto:[email protected]).

[View or share this email →]()
[Quickly unsubscribe →]()
[Browse older issues →]()

**Sent by**
<a style='border-collapse: collapse;mso-line-height-rule: exactly;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-decoration: none;font-weight: normal;margin: 0;padding: 0;mso-effects-shadow-color: #2B2B2B;color: #ffffff;'>Calibre Analytics<br/><br/>149A Brunswick Street<br/>Ngár-go<br/>Fitzroy VIC 3065<br/>Australia</a>

 
Don't miss what's next. Subscribe to Performance Newsletter:
← Newer ⚡ 117: Performance = your content competitive advantage Older → ⚡ 115: Optimise your Vue.js app
perf.email
Bluesky
LinkedIn