⚡️ 96: Use these signals to customise UX

        9 March 2022

⚡️ 96: Use these signals to customise UX

         ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

[issue 96]()

#### Editor’s note

Usually, this note elaborates on a theme in the current issue, but not today. We often speak about equality and freedom of access in Performance Newsletter—we can’t stay silent on the atrocities that Russia is perpetrating upon the people of Ukraine.

For the last two weeks, Russia has been violently invading Ukraine and continuing the destruction of people’s homes and critical infrastructure, inflicting terror and unwarranted suffering upon millions. I don’t know how to write about war, but what I know is that we vehemently oppose this unprovoked violence—**an attempt to seize Ukrainian people’s freedom and land through war crimes and terror.**

To our Ukrainian readers—we wholeheartedly stand with you in solidarity. To the web performance community—here’s <a class="editor-rtfLink" href="https://www.weareukraine.info/actions/" style='color: #4a6ee0;background: transparent;margin-top: 0pt;margin-bottom: 0pt;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;' target="_blank">what actions you can take depending on your context</a>, <a class="editor-rtfLink" href="https://how-to-help-ukraine-now.super.site/" style='color: #4a6ee0;background: transparent;margin-top: 0pt;margin-bottom: 0pt;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;' target="_blank">ways to help as a foreigner</a> (with localised tips) and <a class="editor-rtfLink" href="https://www.gofundme.com/f/keep-ukraines-media-going" style='color: #4a6ee0;background: transparent;margin-top: 0pt;margin-bottom: 0pt;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;' target="_blank">a fundraiser for local, independent media who continue critical reporting</a>.

From a Polish editor—chwała Ukrainie! Слава Україні! 🇺🇦

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 third-party script loading in Next.js](https://web.dev/script-component/)

[Leena Sohoni](https://twitter.com/leena_sohoni) & [Houssein Djirdeh](https://twitter.com/hdjirdeh)

Third party scripts have a significant impact on performance. See how the Next.js Script component helps developers introduce third-party scripts while addressing potential page speed issues out of the box.

### [Signals For Customizing Website User Experience](https://www.smashingmagazine.com/2022/03/signals-customizing-website-user-experience/)

[Barry Pollard](https://twitter.com/tunetheweb)

Numerous user preference signals can help us create a fast and responsive experience based on context. Learn about Save Data API and other preferences that can be useful!

# Case Studies

### [Improving Web Performance with React Hydration Strategies](https://medium.com/cdiscount-engineering/improving-web-performance-with-react-hydration-strategies-3117f71a1695)

[Valentin Colmant](https://github.com/valcol)

See how the implementation of progressive hydration strategies helped Cdiscount to** **reduce** **the First Input Delay on our mobile site by more than 50%.

### [Big images, blazingly fast: Optimizing full-screen images for Rijksmuseum’s story platform](https://engineering.q42.nl/optimizing-full-screen-images/)

Wouter Deenik & [Erwin Verbruggen](https://twitter.com/erwinverb)

Learn how the most visited museum in the Netherlands, Rijksmuseum, implemented high quality, responsive images while saving 50-70% in total data transferred!

# Tools

### [The Performance Lab plugin has been released](https://make.wordpress.org/core/2022/03/07/the-performance-lab-plugin-has-been-released/)

[Felix Arntz](https://twitter.com/felixarntz)

WordPress performance team released a beta version of a performance plugin encompassing several tools. For now, it includes WebP Upload and Support, Persistent Object Cache Health Check and Auditing Enqueued Assets.

# Talks & Podcasts

### [Boosting Web Performance in 2022](https://smashingconf.com/online-workshops/workshops/vitaly-friedman-webperformance/)

[Vitaly Friedman](https://twitter.com/smashingmag)

Attend an online, comprehensive web performance workshop to get a resilient, actionable strategy and tools for working on speed in 2022. All proceeds go towards humanitarian aid in 🇺🇦 Ukraine.

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, 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/><br/>149A Brunswick Street<br/>Ngár-go<br/>Fitzroy VIC 3065<br/>Australia</a>

                                Don't miss what's next. Subscribe to Performance Newsletter:

                        Email
                        *

                    ← Newer

                ⚡️ 97: Make your pages feel smooth

                    Older →

                ⚡️ 95: Is the web without JavaScript coming?