Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
7 October 2020

⚡️ 59: The real cost of poor website quality

͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
 
Performance Newsletter
[issue 59]()
 
#### Editor’s note
 
It’s relatively easy to treat web performance as a specialised field, conveniently separate from everything else. In reality, the separation is not that clear.
 
The slowest your product is, the less accessible it is to people relying on assistive technologies and slower networks or devices. The less responsive your app is, the more frustrating user experience it yields. The longer the load is, the lower your sales and revenue growth are. Performance affects accessibility, user experience, growth, sales and much more. 
 
Don’t treat performance as an optional area of interest. Learn how it affects your entire business.
 
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 Real Cost of Poor Website Quality
 
### [The Real Cost of Poor Website Quality](https://www.bcg.com/publications/2020/real-cost-poor-website-quality)
 
[Andreas Schwabe](https://www.linkedin.com/in/andreas-schwabe-44a3a7a/)
Quality pays, but how much? Every additional MB in page size amounts to average losses of between $4,000 and $14,000 per month. Know more about quantifying speed and quality.
 
 
 
# Case Studies  
 
How to Reduce Next.js Bundle Size
 
### [How to Reduce Next.js Bundle Size](https://medium.com/ne-digital/how-to-reduce-next-js-bundle-size-68f7ac70c375)
 
[Arijit Mondal](https://medium.com/@Arijitm_dev)
Learn how NE Digital reduced their JavaScript bundle by 26.5% using multiple strategies and analysis tools.
 
 
 
# Tools  
 
A Real-Time Website Privacy Inspector
 
### [Blacklight: A Real-Time Website Privacy Inspector](https://themarkup.org/blacklight/)
 
[Surya Mattu](https://twitter.com/suryamattu)
Respecting people’s privacy is paramount whether you focus or speed or not. Using tracking tools can have a tremendous impact on performance too. See how your sites fare.
 
Utility Web Components
 
### [ web component for lazy loading](https://github.com/ManadayM/util-web-components)
 
[Manaday Mavani](https://twitter.com/ManadayM)
If Web Components are your thing, consider using *uc-image* for lazy loading visuals in modern and legacy browsers.
 
 
 
# Talks & Podcasts  
 
JPEG XL
 
### [JPEG XL: The next-generation “Alien Technology from the Future”](https://docs.google.com/presentation/d/1Q7ZgFC5ZPLWOo8PcQV1jfTfstMsOeisTlJvWcdUULEw/edit#slide=id.g8a04a98194_0_5)
 
[Jon Sneyers](https://twitter.com/jonsneyers)
While a lot of people might be busy learning about AVIF, discover the ins and outs of another next-generation image format: JPEG XL.
 
Using the HTML width & height attributes to improve web page loading
 
### [Using the HTML width & height attributes to improve web page loading](https://speakerdeck.com/jensimmons/using-the-html-width-and-height-attributes-to-improve-web-page-loading)
 
[Jen Simmons](https://twitter.com/jensimmons)
Understand why adding width and height attributes to images directly in HTML is critical to page load. The reasons might not be what you think.
 
 
Calibre
 
This email is brought to you by the team at [Calibre](https://calibreapp.com). Our performance monitoring platform helps you deliver stellar user experiences to everyone.
 
 

Performance Newsletter is sent from the traditional lands of the Wurundjeri people of the Kulin nation. We acknowledge that sovereignty was never ceded and pay respects to the Elders past, present and emerging.

Send your suggestions, links and feedback to [[email protected]](mailto:[email protected]).

[View or share this email →]()
[Quickly unsubscribe →]()
[Browse older issues →]()

**Sent by**
<a style='border-collapse: collapse;mso-line-height-rule: exactly;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-decoration: none;font-weight: normal;margin: 0;padding: 0;mso-effects-shadow-color: #2B2B2B;color: #ffffff;'>Calibre Analytics<br/>149A Brunswick Street<br/>Fitzroy Victoria 3065<br/>Australia</a>

 
Don't miss what's next. Subscribe to Performance Newsletter:
← Newer ⚡️ 60: Automatically optimise your images in GitHub. Older → ⚡️ 58: AVIF is here.
perf.email
Bluesky
LinkedIn