͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Some performance metrics pinpoint a selected point in time (for example, Largest Contentful Paint). In contrast, others focus on choosing the largest possible measurement (think Cumulative Layout Shift or Interaction to Next Paint). Both types are helpful in different contexts.
The reason I choose the latter is that it helps create resilience. If we’re optimising for the least favourable scenario, we are more likely to guarantee an all-inclusive, positive experience detached from an expectation of high-end networking and devices.
Hope for the best, and prepare for the worst.
|
| |
|
|
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): what is it and how to improve it](https://calibreapp.com/blog/interaction-to-next-paint)
|
| |
|
[Karolina Szczur](https://thefox.is/)
|
|
Interaction to Next Paint is still a new but vital way to measure page responsiveness. It’s an excellent time to learn how it’s calculated, what it portrays and how to improve your measurements!
|
|
|
| |
|
 |
| |
|
### [How to measure CWVs on SPAs](https://estelafranco.com/blog/spa-cwv/)
|
| |
|
[Estela Franco](https://estelafranco.com/)
|
|
Measuring Core Web Vitals for Single-Page Applications (SPAs) isn’t without a challenge because of the navigation architecture. Find out how to implement collecting CWVs for soft navigations.
|
|
|
| |
|
 |
| |
|
### [2023 Web Framework Performance Report](https://astro.build/blog/2023-web-framework-performance-report/)
|
| |
|
[Fred Schott](http://fredkschott.com/)
|
|
Check how selected frameworks compare in real-world usage and performance based on Core Web Vitals Data from Chrome User Experience Report, HTTP Archive and The Core Web Vitals Technology Report.
|
|
|
| |
|
|
|
|
|
| |
|
# Case Studies
|
|
|
|
| |
 |
| |
|
### [Performance audit of an Italian news website](https://www.giacomodebidda.com/posts/performance-audit-of-an-italian-news-website)
|
| |
|
[Giacomo Debidda](https://www.giacomodebidda.com/)
|
|
Sink into an in-depth performance analysis of a Tuscanian newspaper website, including prototyping fixes directly in the browser.
|
|
|
| |
|
 |
| |
|
### [Improve Largest Contentful Paint (LCP) by removing image transitions](https://performance.shopify.com/blogs/blog/improve-largest-contentful-paint-lcp-by-removing-image-transitions)
|
| |
|
[Michael Gooding](https://www.linkedin.com/in/mgooding1981/)
|
|
Image transition animations sound nice but often result in UX and performance issues. Learn how Case-Mate addressed this behaviour in Shopify.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
|
### [WordPress Performance Roadmap for 2023](https://make.wordpress.org/performance/roadmap-2023/)
|
| |
|
WordPress Core Performance Team
|
|
The Performance WordPress team announced their priorities for 2023, broadly focusing on load performance (through LCP and TTFB lenses) and ways to measure performance within the WordPress ecosystem.
|
|
|
| |
|
|
|
