͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
|
#### Editor’s note
|
| |
|
When 99.9% of pages have at least one image and 70% of mobile pages have an image for the Largest Contentful Paint element, one would assume, we’ve gotten good at optimisation and delivery of these assets. Yet, [LCP statistics](https://almanac.httparchive.org/en/2022/performance#largest-contentful-paint-lcp) indicate that we’re far from appropriately optimising and prioritising images.
While it *can* get complex, image-related work is a low-hanging performance fruit. Compared to the difficulty of JavaScript performance tasks, we can and should educate entire teams on how to work with images in a performance-first way. No more “someone uploaded an unoptimised image via our CMS, and it slipped through the cracks”.
We have the tools and the knowledge to serve beautiful imagery 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
|
|
|
|
| |
 |
| |
|
### [The ultimate guide to image optimisation](https://calibreapp.com/blog/image-optimisation-guide)
|
| |
|
[Karolina Szczur](https://thefox.is)
|
|
Image optimisation is not only a great starting point to start optimising web performance, but also can yield significant savings. Have you tried all the image strategies yet?
|
|
|
| |
|
 |
| |
|
### [Low-hanging web performance fruits: a cheat sheet](https://betterprogramming.pub/low-hanging-web-performance-fruits-a-cheat-sheet-3aa1d338b6c1)
|
| |
|
[Artem Perchyk](https://www.linkedin.com/in/artem-perchyk-6b0058100/)
|
|
Web performance optimisations vary greatly in terms of effort. Here are a few strategies that don’t require months of effort, but might yield good outcomes.
|
|
|
| |
|
|
|
|
|
| |
|
# Tools
|
|
|
|
| |
 |
| |
|
### [ThumbHash: a very compact representation of an image placeholder](https://evanw.github.io/thumbhash/)
|
| |
|
[Evan Wallace](https://madebyevan.com/)
|
|
ThumbHash creates a simple and small representation of your imagery for placeholder purposes. It supports images with alpha and aspect ratios!
|
|
|
| |
|
|
|
| |
|
# New in Calibre
|
|
|
|
| |
 |
|
### [Minimise the impact of third party scripts](https://calibreapp.com/changelog#03-third-party-report)
|
|
Third-party tools and services can have a huge, negative impact on speed, security, privacy, and UX. We refreshed our third-party reporting, making it easy to see the difference between first party and third-party assets and identify the worst providers.
|
|
|
| |
|
|
