͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
It’s easy to approach performance in a single-dimensional way. One of the popularised justifications for focusing on speed is its impact on search engine optimisation, equating traffic and sales.
|
| |
|
|
There’s a business case for performance. If more viewers, and potentially, more revenue is our goal, speed should matter to us. But there is a myriad of other, more critical reasons why speed should be a top priority.
|
| |
|
|
Performance is an ethical issue. Poor speed limits access to critical resources, services, job opportunities and education. Bad performance makes browsing the web frustrating at best and inaccessible at worst.
|
| |
|
|
We should work on performance because it’s an ethical imperative.
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [How to avoid layout shifts caused by web fonts](https://simonhearne.com/2021/layout-shifts-webfonts/)
|
| |
|
[Simon Hearne](https://twitter.com/SimonHearne)
|
|
Fonts can bring a lot of performance headaches by unexpectedly shifting the layout. Know how to optimise for low Cumulative Layout Shift.
|
|
|
| |
|
 |
| |
|
### [Let's talk AVIF - and why we're not adding support just yet](https://bunny.net/blog/lets-talk-avif-and-why-we-are-not-adding-support-just-yet/)
|
| |
|
[Dejan Grofelnik Pelzel](https://www.linkedin.com/in/dejanpelzel/)
|
|
There is a lot of excitement surrounding AVIF. While adopting new tech sounds tempting, it usually has drawbacks. Read why some refrain from implementing AVIF just yet.
|
|
|
| |
|
|
|
|
|
| |
|
# Case Studies
|
|
|
|
| |
 |
| |
|
### [How We Improved SmashingMag Performance](https://www.smashingmagazine.com/2021/01/smashingmag-performance-case-study/)
|
| |
|
[Vitaly Friedman](https://twitter.com/smashingmag)
|
|
Improving speed on a large, content-heavy site is always challenging. Learn how SmashingMag approached their performance work and saw significant improvements to Core Web Vitals and the Performance Score.
|
|
|
| |
|
|
|
|
|
| |
|
# Browsers
|
|
|
|
| |
|
### [Enable AVIF support by default](https://bugzilla.mozilla.org/show_bug.cgi?id=1682995)
|
| |
|
|
|
Mozilla is getting onto the AVIF train. Firefox 86 will support AVIF out of the box, as any other image format. This means AVIF will now be present in Chrome, Opera and Firefox.
|
|
|
| |
|
|
|
|
|
| |
|
# Talks & Podcasts
|
|
|
|
| |
 |
| |
|
### [The Tipping Point: How Performance Decisions Make Accessibility Differences](https://www.youtube.com/watch?v=_rEKBm0nuyw&list=PLn7dsvRdQEfFd5n_h8gltIoTfzUE_zywu)
|
| |
|
[Henri Helvetica](https://twitter.com/henrihelvetica)
|
|
Performance has never existed in a vacuum. Speed is intertwined with accessibility and affects user experience in many ways. Know how poor performance will affect the accessibility of your sites and apps.
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [A Year in Features: What We Released in 2020](https://calibreapp.com/blog/release-notes-2020-summary)
|
|
Here’s a roundup of everything we released last year: new features to understand and improve speed, interface improvements, open source performance tooling and more.
|
|
|
| |
|
|
