͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
As people, we like to *feel* in control. When we wait for a site to load or face the unexpected movement of the interface, our sense of control is challenged. We can do very little to fix this experience other than abandoning the site to avoid it.
|
| |
|
|
As people who design, build and deliver for the web, we often control what experiences we create. We have power and agency to boost access and foster delight.
If we don’t stand up for accessible, fast user experiences, who will?
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [Cumulative Layout Shift: Measure and Avoid Visual Instability](https://calibreapp.com/blog/cumulative-layout-shift)
|
| |
|
[Karolina Szczur](https://twitter.com/fox)
|
|
Cumulative Layout Shift is one of the most challenging speed metrics to understand, track and improve. Learn how to prevent unexpected movement.
|
|
|
| |
|
 |
| |
|
### [Optimizing Web Vitals using Lighthouse](https://web.dev/optimize-vitals-lighthouse/)
|
| |
|
[Addy Osmani](https://twitter.com/addyosmani)
|
|
Are you looking to improve your Core Web Vitals? Know how to use Chrome Developer Tools to find opportunities for better speed and test your hypothesis.
|
|
|
| |
|
 |
| |
|
### [5 steps to faster web fonts](https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/)
|
| |
|
[Iain Bean](https://twitter.com/iainmbean)
|
|
Web fonts can negatively impact performance, use more data, and increase your site’s energy consumption. Avoid common web font pitfalls with five low-hanging fruit strategies.
|
|
|
| |
|
 |
| |
|
### [What do Lighthouse Scores look like across the web?](https://www.tunetheweb.com/blog/what-do-lighthouse-scores-look-like-across-the-web/)
|
| |
|
[Barry Pollard](https://twitter.com/tunetheweb)
|
|
It’s relatively easy to know your Lighthouse scores, but what about putting it in context? Have a look at the refreshed dataset to see how many sites reach high Performance scores.
|
|
|
| |
|
 |
| |
|
### [Using Chrome Local Overrides To Optimize Page Speed](https://blr.design/blog/local-overrides/)
|
| |
|
[Brian Louis Ramirez](https://twitter.com/screenspan)
|
|
Chrome Local Overrides can be an excellent way to test potential performance improvements without the velocity of making changes directly in your codebase. Take it for a spin!
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Release Notes: April](https://calibreapp.com/blog/release-notes-apr-2021)
|
|
Here’s our monthly roundup of what was released in April: Personal Access Tokens, Lighthouse 7.4, a preview of authentication with Google and more.
|
|
|
| |
|
|
