͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
Sometimes, it isn’t easy to draw a line between creativity and continually optimising for performance. There are contexts in which readability, speed and accessibility are paramount—there’s not much wiggle room for flourish. Then there’s art and areas where creative expression is more important than form. And everything in-between.
Should we strive for the best speed and accessibility possible? Yes! Does this mean some elements or approaches are banned from use? Here’s where it gets murky. Certain interface elements or technical implementations are more likely to cause issues. Fortunately, often we have workarounds. Or, sometimes, we accept some degree of detrimental effects.
Web performance is a constant evaluation of benefits and drawbacks.
|
| |
|
|
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
|
|
|
|
| |
 |
| |
|
### [Small Bundles, Fast Pages: What To Do With Too Much JavaScript](https://calibreapp.com/blog/bundle-size-optimization)
|
| |
|
[Ben Schwarz](https://twitter.com/benschwarz)
|
|
Large bundle size can drastically worsen performance and user experience. Learn how to analyse and shrink your JavaScript bundles!
|
|
|
| |
|
 |
| |
|
### [Web Vitals Patterns](https://web.dev/patterns/web-vitals-patterns/)
|
| |
|
Katie Hempenius
|
|
Are some interface elements off the table when optimising for fast Web Vitals? Not necessarily! Read how to implement common UI elements in a vitals-friendly way.
|
|
|
| |
|
 |
| |
|
How do animations affect perceived speed? See how this bachelor thesis challenges the most adopted patterns that are supposed to reduce wait time frustration.
|
|
|
| |
|
 |
| |
|
### [Don’t attach tooltips to document.body](https://atfzl.com/don-t-attach-tooltips-to-document-body)
|
| |
|
[Atif Afzal](https://github.com/atfzl)
|
|
Can tooltips make your interface unresponsive? This tiny interface element can cause speed headaches! Learn how to implement tooltips without a janky experience.
|
|
|
| |
|
 |
| |
|
### [Core Web Vitals is a Measurable Ranking Factor](https://www.sistrix.com/blog/core-web-vitals-is-a-measurable-ranking-factor/)
|
| |
|
[Johannes Beus](https://www.linkedin.com/in/jbeus/?originalSubdomain=de)
|
|
For a while, not many could quantify how exactly Core Web Vitals would impact ranking. Now that the page experience update is complete, we’re beginning to see measurable impact.
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Release Notes: August](https://calibreapp.com/blog/release-notes-aug-2021)
|
|
Here’s what we released in August: On-demand tests and filtering by branch in Pull Requests, integration alerts, Lighthouse 8.3 and more.
|
|
|
| |
|
|
