Issue #27—Reducing Intercom bundle size by 65%, the intersection of performance and accessibility, becoming a performance empathy advocate and more.

        18 July 2019

#### PerformanceNewsletter

#### Issue 27

#### Editor’s Note

Accessibility and performance *seem* like two vastly separate areas, but in reality, **they intersect heavily and affect each other in multiple ways. **

Poor performance limits accessibility and lack of accessibility slows down the execution and rendering of your products and sites. 

We talk about performance and accessibility together as they both are crucial pillars of user experience. No longer can we forfeit either while building products or leave them for the last, pre-launch step. 

With a few talks mentioned in this issue, learn how to become an effective advocate for both and understand the multiple layers in which they overlap.
— Karolina

#### case study

## Making live chat fast

Messengers are crucial to business operations and customer support, but often are to blame for performance bottlenecks. In this case study, [Daniel Husar](https://twitter.com/danohusar) outlines how Intercom made significant improvements to bundle size, speed and responsiveness of the Intercom live chat tool. 

[Reducing the Intercom Messenger bundle size by 65% →](https://www.intercom.com/blog/reducing-intercom-messenger-bundle-size/)

#### talk

## Learn how to develop performance empathy

An excellent talk by [Houssein Djirdeh](https://twitter.com/hdjirdeh) touching on less discussed but even more critical subjects surrounding web performance. Why is performance essential and how to advocate for it effectively, both internally and externally? If you prefer video, [watch it here](https://www.youtube.com/watch?v=uIBYN6w9cBc).

[performance empathy →](https://speakerdeck.com/housseindjirdeh/performance-empathy)

#### Talk

## Work with the browser to achieve stellar UX

To be effective in performance work, it’s necessary to understand how browsers parse and render pages. In her talk, [Katie Sylor Miller](https://twitter.com/ksylor) explains how to write code that works with the browser, yielding excellent user experiences.

[Happy Browser, Happy User →](https://www.youtube.com/watch?v=VAKD_Ob0XTQ&feature=youtu.be)

#### talk

## Make your sites faster by caring about accessibility

Accessibility and performance are closely intertwined. Ensuring a11y compliance not only creates a much better browsing experience for people with various impairments but also makes your sites faster. Check out [Eric Bailey’s](https://twitter.com/ericwbailey) talk for a deep-dive into the accessibility tree.

[The intersection of performance and accessibility →](https://noti.st/ericwbailey/Yfyaxa/the-intersection-of-performance-and-accessibility)

#### article

## Speed up your JavaScript with 12 strategies

JavaScript is the biggest contributor to high Time to Interactive measurements, [lowering Page Speed rankings](https://calibreapp.com/blog/how-pagespeed-works/). [Liz Parody](https://twitter.com/lizparody23) dives into several reasons why your JavaScript might be causing performance headaches and how to address them.

[12 Tips for Improving JavaScript Performance →](https://nodesource.com/blog/improve-javascript-performance)

#### Spread the word about perf.email

We’d love to see more people reading
                              [perf.email](https://perf.email/); if you’d like to help—forward this email to a friend, tweet, or shout from a rooftop.
                                It goes a long way. ✌🏻

#### Brought to you by

                              ♠ [Calibre](https://calibreapp.com/). Make the web fast for everyone.

[Update your profile]()

[Unsubscribe]()

[View in a browser]()

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

                        Email
                        *

                    ← Newer

                Issue #28—Fast software is the best software, stale while revalidate, optimising GIFs and more.

                    Older →

                Issue #26—How does Google PageSpeed work and affect SEO rankings, the cost of JavaScript in 2019, find a cost of adding an npm package and more.