Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
13 March 2024

⚡ 147: Web performance and information equity

͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
 
Performance Newsletter
[issue 147 ]()
 
#### Editor’s note
 
According to HTTP Archive, the median total transferred size of mobile sites rose over 11% just in the last year. Now, imagine a situation where your mobile plan allows 300 MB data a month and is of maximum 4G speed. The growth in page bloat is going to significantly impact your capability to communicate with loved ones, check essential services or get information you need.
 
The core principle behind web performance is making all websites and apps accessible to anyone, anywhere, no matter their device, network, or internet plan limitations. This is our imperative, our north star.
 
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  
 
Code snippet showing speculation rules applied via CSS selectors
 
### [Improvements to the Speculation Rules API](https://developer.chrome.com/blog/speculation-rules-improvements)
 
[Barry Pollard](https://www.tunetheweb.com/)
New improvements to the Speculation Rules API are available in Chrome 122, including automatic document finding, matching with CSS selectors, eagerness settings and more.
 
The vertical axis shows the encode speed, in megapixels per second. It’s a logarithmic scale since it has to cover a broad range of speeds, from less than one megapixel per second to hundreds of megapixels per second. The horizontal axis shows the average bits per pixel for the compressed image (uncompressed 8-bit RGB is 24 bits per pixel).
 
### [JPEG XL and the Pareto Front](https://cloudinary.com/blog/jpeg-xl-and-the-pareto-front)
 
[Jon Sneyers](https://sneyers.info/)
With the new streaming decoding API, the newly released reference implementation of JPEG XL allows image processing in a memory-friendly way. Compare encoding and decoding speeds, as well as quality differences.
 
### [Supercharge compression efficiency with shared dictionaries](https://developer.chrome.com/blog/shared-dictionary-compression)
 
[Jeremy Wagner](https://jlwagner.net/)
Using shared dictionary compression can substantially improve loading performance for sites with frequent updates and repeated visits. Find out how to use it and enrol in the trial.
 
 
 
# Case Studies  
 
A flow showing how a long task blocks the user interface from updating after the user clicks the 'Accept All' button in the PubConsent CMP. There are five steps that comprise a single long task, which makes the user interface feel sluggish.
 
### [How PubTech’s Consent Management Platform reduced INP on their customers' websites by up to 64%](https://web.dev/case-studies/pubconsent-inp?hl=en)
 

[Marco Prontera](https://www.linkedin.com/in/marcoprontera/) & <a href="https://github.com/gilbertococchi" 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: underline;font-weight: normal;margin: 0;padding: 0;mso-effects-shadow-color: #2b2b2b;color: #5e5e5e;' target="_blank"><span style="border-collapse: collapse;mso-line-height-rule: exactly;">Gilberto Cocchi</span></a>

Learn how PubTech identified and reduced INP bottlenecks to avoid passing down performance regressions to their consent management product users.
 
 
 
# Browsers  
 
Complex DOM workloads has ribbon menus, side bar tree view, search field, and other complex UI elements surrounding the todo app.
 
### [Speedometer 3.0: the best way yet to measure browser performance](https://webkit.org/blog/15131/speedometer-3-0-the-best-way-yet-to-measure-browser-performance/)
 
Ryosuke Niwa
Speedometer 3 is a joint project between Blink, Gecko, and WebKit that helps test the performance of a wide variety of content types and frameworks. Check it out!
 
 
 
# Courses, Talks & Podcasts  
 
Chart portraying the average cost in USD of 1GB of data
 
### [The importance of web performance to information equity](https://fosdem.org/2024/schedule/event/fosdem-2024-2411-the-importance-of-web-performance-to-information-equity/)
 
[Bas Schouten](https://mastodon.social/@Schouten_B)
Performance has a huge impact on access to information. Here’s how developers can help to build a web that’s accessible to everyone.
 
 
Calibre
 
This email is brought to you by the team at [Calibre](https://calibreapp.com). We automate web performance testing, reporting and alerting, so you don’t have to.
 
 

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 and present.

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

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

**Sent by**
Calibre Analytics

V119 / 425 Smith Street
Ngár-go
Fitzroy VIC 3065
Australia

 
Don't miss what's next. Subscribe to Performance Newsletter:
← Newer ⚡ 148: INP is a Core Web Vital Older → ⚡ 146: JavaScript bloat in 2024
perf.email
Bluesky
LinkedIn