͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
”One quick fix to drastically improve performance!” an article or tweet might promise. I hate to break it to you, friends, but it won’t. There’s a limited pool of strategies that might yield significant speed gains with little effort.
Great, delightful user experiences don’t *just* happen. Fast sites don’t become so without a strategy and hard work. This quest is more difficult the longer we wait to prioritise speed, but it can be equally hard to work on an older codebase as on a new project.
To achieve top speed, we need ongoing dedication and strategic investment into areas that make the most difference. It’s a marathon, not a sprint.
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [A New Way To Reduce Font Loading Impact: CSS Font Descriptors](https://www.smashingmagazine.com/2021/05/reduce-font-loading-impact-css-descriptors/)
|
| |
|
[Barry Pollard](https://twitter.com/tunetheweb)
|
|
There are multiple strategies to reduce layout shifts caused by fonts. Learn about the new font descriptors that will help avert visual changes even more.
|
|
|
| |
|
 |
| |
|
### [Stop building websites for iPhones](https://blog.rentpathcode.com/analyzing-performance-e7aed196df64)
|
| |
|
[David Sommers](https://twitter.com/databyte)
|
|
No two web experiences are the same, and optimising for the most high-end devices will result in poor experiences for those who can’t afford them. See how RentPath analysed their mobile audience to uncover how many people don’t use iPhones.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
 |
| |
|
### [AVPress: in-browser video compressor](https://avpress.zaps.dev/)
|
| |
|
[Addy Osmani](https://twitter.com/addyosmani)
|
|
Videos can enrich a browsing experience but can be tricky to deliver fast without compromising quality. Now, you can compress and optimise your videos directly in Firefox and Chrome!
|
|
|
| |
|
|
|
|
|
| |
|
# Browsers
|
|
|
|
| |
 |
| |
|
### [Sparkplug: a non-optimizing JavaScript compiler](https://v8.dev/blog/sparkplug)
|
| |
|
[Leszek Swirski](https://twitter.com/leszekswirski)
|
|
Chrome’s V8 just got a new non-optimising JavaScript compiler that improves web performance real-world benchmarks by 5–15%.
|
|
|
| |
|
|
|
|
|
| |
|
# Talks & Podcasts
|
|
|
|
| |
 |
| |
|
### [Preparing for page experience ranking](https://www.youtube.com/watch?v=h00kn5J-F2Q&t=430shttps://www.youtube.com/watch?v=h00kn5J-F2Q)
|
| |
|
[Jeffrey Jose](https://twitter.com/jeffjose) & [Naina Raisinghani](https://twitter.com/nainar92)
|
|
Your sites are evaluated for Google Search ranking based on many factors, including page experience. Now, Google will determine the page experience not only on mobile but also on desktop.
|
|
|
| |
|
 |
| |
|
### [What’s new in Web Vitals](https://www.youtube.com/watch?v=XxvHY4wC8Co)
|
| |
|
[Annie Sullivan](https://twitter.com/anniesullie) & [Elizabeth Sweeny](https://twitter.com/egsweeny)
|
|
There have been a lot of changes to Core Web Vitals metric calculation since their inception. Learn what’s new and how to measure Core Web Vitals effectively.
|
|
|
| |
|
|
|