͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
|
|
Welcome to 2024!
I’m not one for New Year’s resolutions. If you are, why not make one of your professional commitments to advocate for investment in better web performance? As a community, we need a vocal, consistent push for improving the access and experience on the web. The more people we educate on the importance of web performance, the more new advocates we earn and the more likely we are to succeed.
Advocacy works, so let’s go.
|
|
|
|
|
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
|
|
|
|
|
|
 |
|
|
|
### [Digging through Chrome traces: an introduction with an example](https://calendar.perfplanet.com/2023/digging-chrome-traces-introduction-example/)
|
|
|
|
[Annie Sullivan](https://anniesullie.com/)
|
|
Analysing browser traces to find performance regressions can certainly be intimidating. Learn what a trace is, what information it includes, and how to walk through a Chrome JSON trace.
|
|
|
|
|
|
 |
|
|
|
### [Getting started with web performance](https://www.htmhell.dev/adventcalendar/2023/14/)
|
|
|
|
[Alistair Shepherd](https://alistairshepherd.uk/)
|
|
Here’s another introduction to important web performance metrics and areas that are often in need of improvements.
|
|
|
|
|
|
|
### [A checklist for CLS scenarios](https://calendar.perfplanet.com/2023/a-checklist-for-cls-scenarios/)
|
|
|
|
[Keerthana Krishnan](https://keerthanakrishnan.com/)
|
|
Find out what aspects of design and implementation should be considered to avoid negatively affecting Cumulative Layout Shift.
|
|
|
|
|
|
|
|
|
|
|
|
|
# Case Studies
|
|
|
|
|
|
 |
|
|
|
### [How Trendyol reduced INP by 50%, resulting in a 1% uplift on click-through rate](https://web.dev/case-studies/trendyol-inp?hl=en)
|
|
|
|
[Mustafa Birinci](https://github.com/mbirinci), [Gilberto Cocchi](https://github.com/gilbertococchi) & [Thierno Thiam](https://github.com/thierhost)
|
|
Here’s a step by step workflow of debugging and improving INP in React using PageSpeed Insights (PSI), Chrome DevTools, and the scheduler.yield API.
|
|
|
|
|
|
|
|
|
|
|
|
|
# Browsers
|
|
|
|
|
|
 |
|
|
|
### [Compression Streams are now supported on all browsers](https://web.dev/blog/compressionstreams?hl=en)
|
|
|
|
|
|
Learn how to use the Compression Streams API to compress and decompress streams of data instead of including an extra compression library.
|
|
|
|
|
|
|
|
|
|
|
# New in Calibre
|
|
|
|
|
|
 |
|
### [A year in features: what we released in 2023](https://calibreapp.com/blog/release-2023-summary)
|
|
Here’s our yearly summary of how Calibre improved: from performance reports overhaul for easier analysis to performance testing in CI/CD, and much more.
|
|
|
|
|
|
|
