͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Web performance is a mix of general and specialised knowledge. How browsers fetch and render resources, what influences this process, and how we optimise various files are just a few questions in the generalised knowledge territory.
Then, there’s proficiency with frameworks, hosting platforms and infrastructure setups. This split is one of the reasons why generic performance advice might only be semi-helpful. We need the big picture and contextual direction.
Easier said than done, hey?
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [Optimizing a Vue app](https://www.smashingmagazine.com/2022/11/optimizing-vue-app/)
|
| |
|
[Michelle Barker](https://css-irl.info/)
|
|
Each framework has its patterns and tooling. This thorough article will teach how to optimise your Vue app with strategies involving conditional component loading, splitting API requests and more!
|
|
|
| |
|
 |
| |
|
### [8 causes of slow website loading (and how to fix them)](https://calibreapp.com/blog/causes-of-slow-websites)
|
| |
|
[Karolina Szczur](https://twitter.com/fox)
|
|
There are a handful of common bottlenecks that cause poor web performance. Find out how to fix them with a range of basic to advanced strategies!
|
|
|
| |
|
 |
| |
|
### [Frontend developers: stop moving things that I’m about to click on](https://medium.com/@stephenjayakar/frontend-developers-stop-moving-things-that-im-about-to-click-on-5827bc0409b3)
|
| |
|
[Stephen Jayakar](https://stephenjayakar.com/)
|
|
A short but sweet piece highlighting the importance of avoiding sudden interface movements and shifts. Yes, we all hate it.
|
|
|
| |
|
|
### [Build time, runtime, execution time... what ”time” is it in Javascript? ](https://dev.to/jenc/build-time-runtime-execution-time-what-time-is-it-in-javascript-42ea)
|
| |
|
[Jen Chan](http://jenchan.biz/)
|
|
JavaScript frameworks rely on multiple transpiling and bundling processes. We refer to those various timings when talking about script performance, so let’s find out what they mean.
|
|
|
| |
|
|
|
|
|
| |
|
# Courses, Talks & Podcasts
|
|
|
|
| |
 |
| |
|
### [How to be a Performance Detective](https://speakerdeck.com/ksylor/how-to-be-a-performance-detective-performance-dot-now-conference-2022)
|
| |
|
[Katie Sylor-Miller](https://sylormiller.com/)
|
|
Collecting performance data is one thing, and analysing is another. Often, it isn’t easy to find what’s causing an identified regression. Learn how to become a performance detective based on real-world scenarios!
|
|
|
| |
|
 |
| |
|
### [Faster content websites via SSR and progressive hydration of Web Components](https://www.youtube.com/watch?app=desktop&v=V2yjXFPYjVA&list=PL-a9lBflNu2ph1J-a19LNLo3GKikBDsWZ&index=21&ab_channel=ReactFinland)
|
| |
|
[Thomas Allmer](https://twitter.com/daKmoR)
|
|
One of the best performance tips is ”do less”—transmit less data and do less processing. Learn how to do more work at build time, resulting in a start with almost zero JavaScript.
|
|
|
| |
|
|
|
