͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
One of the most challenging undertakings for technical teams is to make a slow website fast**.** Why? Competing priorities, lack of high-level strategy, choosing the right area to focus on, limited time, knowledge or expertise. And that’s before we even consider technical challenges themselves.
Strategic management is critical to the success of web performance initiatives. The wins rely on even distribution of understanding of benefits and complexities of page speed and cultivating a culture of web performance focus across the organisation. **As much as we commit to finding technical solutions, we should devote ourselves to creating structures to support 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
|
|
|
|
| |
 |
| |
|
### [Interaction to Next Paint (INP)](https://web.dev/inp/)
|
| |
|
[Jeremy Wagner](https://twitter.com/malchata)
|
|
Learn everything about the new, experimental responsiveness metric: what it measures, desired values and how to improve it. You can [see your INP in Core Web Vitals Checker](https://calibreapp.com/tools/core-web-vitals-checker), too!
|
|
|
| |
|
 |
| |
|
### [Reducing Experience Gaps in Web Performance](https://www.ethangardner.com/posts/web-performance-optimization-experience-gaps/)
|
| |
|
[Ethan Gardner](https://twitter.com/EthanGardner)
|
|
Have you ever looked at gaps between performance metrics to uncover a bigger story (and improvements)? Enter exploring speed through experience gaps.
|
|
|
| |
|
|
### [A Management Maturity Model for Performance](https://infrequently.org/2022/05/performance-management-maturity/)
|
| |
|
[Alex Russell](https://twitter.com/slightlylate)
|
|
Why do we struggle with improving and maintaining page speed while the tools keep advancing? The answer lies in how mature and robust our strategy is.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
|
### [Off-loading Scripts To A Web Worker in Next.js (experimental)](https://nextjs.org/docs/basic-features/script#off-loading-scripts-to-a-web-worker-experimental)
|
| |
|
[Houssein Djirdeh](https://twitter.com/hdjirdeh/)
|
|
Next.js now has experimental support for [Partytown](https://github.com/BuilderIO/partytown) to offload third-party scripts to a web worker. You can start experimenting with it now and [leave feedback](https://github.com/vercel/next.js/discussions/36778)!
|
|
|
| |
|
|
|
|
|
| |
|
# Talks & Podcasts
|
|
|
|
| |
 |
| |
|
### [A deep dive into optimizing LCP](https://www.youtube.com/watch?v=fWoI9DXmpdk&ab_channel=GoogleChromeDevelopers)
|
| |
|
[Phil Walton](https://twitter.com/philwalton)
|
|
According to CruX real user data, Largest Contentful Paint is the Core Web Vital with the most need for improvement. Find out what causes LCP delays and how to address them.
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Release Notes: April](https://calibreapp.com/blog/release-notes-apr-2022)
|
|
Here’s our monthly roundup of what was released in April: CLI 5.0.0, new metrics in Core Web Vitals Checker, Chrome 100 and more.
|
|
|
| |
|
|
