͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Welcome to visually refreshed Performance Newsletter! We hope that with a new splash of paint (and personality) you’ll find reading about speed and UX even more enjoyable.
|
| |
|
|
While performance might often be considered difficult, niche, and nerdy (whatever that means?) speed *does* have tangible effects. Faster completed online chore equals more time for rest. Quicker interaction prevents unnecessary frustration. Speedier response and excellent reliability equal to more possibilities for coversions.
|
| |
|
|
We might think that shaving milliseconds is meaningless, but for some, those milliseconds open a world of possibility. Whatever you’re building; keep making it fast.
|
| |
|
|
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 Add Web Vitals to Google Analytics and Reveal a New Search Ranking Signal](https://www.noisetosignal.io/2020/05/add-web-vitals-to-google-analytics/)
|
| |
|
[Adam Ribaudo](https://twitter.com/adamribaudo)
|
|
Google Analytics provides an antiquated set of performance metrics that might not help establish real speed and quality of the experience. Learn how to add newly announced Web Vitals to your tracking.
|
|
|
| |
|
 |
| |
|
### [Comparing AVIF vs WebP file sizes at the same DSSIM](https://www.ctrl.blog/entry/webp-avif-comparison.html)
|
| |
|
[Daniel Aleksandersen](https://twitter.com/DaAleksandersen)
|
|
The AVIF image format is gaining more traction before its release to a handful of major browsers later in the year. In testing, it outperforms WebP by providing a -50% median size savings.
|
|
|
| |
|
 |
| |
|
### [Periodic Background Sync Explained](https://felixgerschau.com/periodic-background-sync-explained/)
|
| |
|
[Felix Gerschau](https://twitter.com/4xfelix)
|
|
Periodic Background Sync, a feature of Service Workers, might be beneficial in pulling new content in the background without being prompted by user action. Bear in mind that pushing fresh content does not come without limitations.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
 |
| |
|
### [Is my host fast yet?](https://ismyhostfastyet.com/)
|
| |
|
[Rick Viscomi](https://twitter.com/rick_viscomi)
|
|
Is My Host Fast Yet? lists Time to First Byte measurements (server response latencies) for a range of hosts, sourced by Chrome User Experience Report. See how yours stacks up.
|
|
|
| |
|
|
|
|
|
| |
|
# Browsers
|
|
|
|
| |
 |
| |
|
### [Firefox Profiler](https://profiler.firefox.com/)
|
| |
|
|
|
Use Firefox Profiler to analyse the performance of Firefox and the Gecko browser engine, including remote profiling on Android. The Profiler has dozens of powerful features to aid you in deep-dives on speed issues.
|
|
|
| |
|
|
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Release Notes: June](https://calibreapp.com/blog/release-notes-june-2020)
|
|
Here’s our monthly roundup of what was released in June: completely redesigned Performance Budgeting, extra authentication options, Lighthouse 6.1.1 and more.
|
|
|
|
### [Set and Meet Speed Budgets](https://calibreapp.com/blog/set-and-meet-speed-budgets)
|
|
Learn how you can use new Performance Budgets to set achievable goals and **meet them. **
|
|
|
| |
|
|
