͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
We can’t foresee and plan for every single scenario. At some point, we make peace with how unexpected life is. There’s a delicate balance between being prepared and resilient in the face of change.
With web performance, we now have tools and strategies available to combat many surprises. Yet, in many cases, our approach remains reactive. Investigate and fix once a problem is reported via support channels or flagged by existing monitoring. Sometimes, issues never get worked on due to a lack of prioritisation. And so we build on cruft that will only get more difficult to address.
It’s time to get proactive.
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [Your web performance is too reactive; it’s time to do more than put out fires](https://calibreapp.com/blog/proactive-performance)
|
| |
|
[Karolina Szczur](https://front-end.social/@fox)
|
|
Find out why a reactive approach to web performance is costly (to your team, business, brand trustworthiness and sense of calm) and what you can gain by switching to being proactive.
|
|
|
| |
|
 |
| |
|
### [The cost of mobile internet around the world ](https://www.statista.com/chart/17247/the-average-cost-of-mobile-data-in-selected-countries/)
|
| |
|
[Anna Fleck](https://www.linkedin.com/in/annafleck/)
|
|
The cost of mobile data is far from equal. Check out how selected countries compare to understand the potential impact of page-weight-heavy sites.
|
|
|
| |
|
 |
| |
|
### [The truth about CSS selector performance](https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/)
|
| |
|
[Patrick Brosset](https://patrickbrosset.com/)
|
|
Learn how to use Microsoft Edge’s CSS selectors statistics (such as the time they took to process or the number of times they matched) to drive performance improvements.
|
|
|
| |
|
 |
| |
|
### [How to lazy load Disqus for improved site performance](https://www.macarthur.me/posts/lazy-load-disqus)
|
| |
|
[Alex MacArthur](https://www.macarthur.me/)
|
|
Third parties can cause speed, security and user experience headaches. Consider this lazy loading solution if you’re using Disqus and would like to reduce its performance impact.
|
|
|
| |
|
|
|
|
|
| |
|
# Case Studies
|
|
|
|
| |
 |
| |
|
### [Why we switched CDNs: how Google’s Core Web Vitals led us to Cloudflare Pages](https://electricui.com/blog/switching-to-cloudflare-pages)
|
| |
|
[Michael Orenstein](https://www.linkedin.com/in/michael-orenstein-89158285/)
|
|
CDN choice (or lack of it) can have significant performance indications. Slow Time to First Byte, cascading onto numerous other speed metrics. Check how Eletric UI compared CDNs to make the fastest choice.
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Check Core Web Vitals impact in Lighthouse audits](https://calibreapp.com/changelog#01-refreshed-audits)
|
|
We refreshed the display of Lighthouse audits, so you can easily find the most significant performance opportunities. Filter by Core Web Vitals impact and check estimated savings by timings or byte size!
|
|
|
| |
|
|
