͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
|
|
Interaction to Next Paint (INP) is now a Core Web Vital. This is an important moment, because it brings more focus on the cost of excessive JavaScript weight and execution. After years learning from First Input Delay (FID) and INP trials, we now have a better way of reporting on interaction delays that can easily ruin user experience.
INP couldn’t be more timely as we watch the web being enshrined in script, even if it’s not the best tool to use. I hope that in the months to come, we’ll see positive performance signals inspired by this Core Web Vitals update.
|
|
|
|
|
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 is officially a Core Web Vital](https://web.dev/blog/inp-cwv-launch?hl=en)
|
|
|
|
[Rick Viscomi](https://rviscomi.dev/)
|
|
After two years with experimental flag, Interaction to Next Paint has become a Core Web Vital. Refresh what this means, including depreciation date for First Input Delay.
|
|
|
|
|
|
 |
|
|
|
### [How to optimize Cumulative Layout Shift (CLS) on Shopify sites](https://performance.shopify.com/blogs/blog/how-to-optimize-cumulative-layout-shift-cls-on-shopify-sites)
|
|
|
|
[Sia Karamalegos](https://sia.codes/)
|
|
Find out how to fix common issues that increase CLS, such as not saving space for images and injected content, late arriving CSS, incorrect animations and font swapping.
|
|
|
|
|
|
 |
|
|
|
### [Performance tooling in 2024 and beyond](https://developer.chrome.com/blog/perf-tooling-2024)
|
|
|
|
[Elizabeth Sweeny](https://www.linkedin.com/in/egsweeny/) & [Paul Irish](https://www.paulirish.com/)
|
|
Here’s what’s new for measuring and analysing performance in Google Chrome: Performance Insights panel is being deprecated, but Lighthouse is here to stay.
|
|
|
|
|
|
|
### [Time to ditch analytics? Tracking scripts and web sustainability](https://css-irl.info/time-to-ditch-analytics/)
|
|
|
|
[Michelle Barker](https://michellebarker.co.uk/)
|
|
Focusing on Core Web Vitals? What about Google Analytics’ tracking impact on your metrics?
|
|
|
|
|
|
|
|
|
|
|
|
|
# Courses, Talks & Podcasts
|
|
|
|
|
|
 |
|
|
|
### [Keyboard interactions](https://fosdem.org/2024/schedule/event/fosdem-2024-2410-keyboard-interactions/)
|
|
|
|
[Patricija Cerkaite](https://www.linkedin.com/in/patricija-cerkaite-7b4a821a2/)
|
|
Learn about what happens under the hood of Chromium when measuring keyboard interactions and how it affects Interaction to Next Paint.
|
|
|
|
|
|
|
### [Getting a pulse on your Core Web Vitals](https://changelog.com/jsparty/315)
|
|
|
|
[Amal Hussein](https://github.com/nomadtechie), [Nick Nisi](https://nicknisi.com/), [Annie Sullivan](https://anniesullie.com/) & [Rick Viscomi](https://rviscomi.dev/)
|
|
Tune in to learn about Core Web Vitals—what they measure, and how they are helpful in improving user experience. Including Interaction to Next Paint.
|
|
|
|
|
|
|
|
