Spade shape with cobalt blue background

Performance Newsletter

Archives
Calibre Monitoring
Free Speed Tools
Log in
Subscribe
7 September 2021

⚡️83: Optimise CSS for speed

͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
 
Performance Newsletter
[issue 83]()
 
#### Editor’s note
 

The more complex or older the codebase we’re working on, the more challenges we will face making substantial performance improvements. It’s hard to push a completely new strategy within an established system. Innovation has more friction than advertised.

The earlier we set guiding principles about performance and accessibility, the fewer roadblocks we will face implementing them. Of course, not everyone works in a brand new codebase. That’s when we have to try even harder and become more creative about convincing stakeholders and finding feasible speed solutions.

No matter the size or age of your project (or company)—**it’s never too late to invest in building a better, faster web.**

 
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  
 
Refactoring CSS: Optimizing Size And Performance (Part 3)
 
### [Refactoring CSS: Optimizing Size And Performance (Part 3)](https://www.smashingmagazine.com/2021/08/refactoring-css-optimizing-size-performance-part3/)
 
[Adrian Bece](https://twitter.com/AdrianBeceDev)
CSS can have a significant impact on speed. Learn the CSS optimization strategies to optimize CSS file size, loading times, and render performance.
 
Vector? Raster? Why Not Both!
 
### [Vector? Raster? Why Not Both!](https://www.zachleat.com/web/vector-raster-split/)
 
[Zach Leatherman](https://twitter.com/zachleat)
Sometimes, when looking for optimisation solutions, there is no one answer. See how to combine multiple strategies for best performance.
 
Shifting Accessibility Testing to the Left
 
### [Shifting Accessibility Testing to the Left](https://applitools.com/blog/shifting-accessibility-testing-to-the-left/)
 
[Marie Drake](https://twitter.com/mcruzdrake)
When we prioritise areas such as accessibility and performance from the beginning of build cycles and involve all teammates, we’re much more likely to succeed. Learn how to foster a culture of inclusivity.
 
Reddit traffic spike and website performance
 
### [Reddit traffic spike and website performance](https://blog.cavelab.dev/2021/09/reddit-traffic-and-webperf/)
 
[Thomas Jensen](https://twitter.com/thomasjsn)
What happens when your website gets flooded with traffic from Reddit? See how increased visits can impact hosting costs but also inspire performance improvements!
 
### [Quick Performance Audit: Taiwan COVID Vaccination Website](https://fershad.com/writing/quick-performance-audit-taiwan-covid-vaccination-website/)
 
[Fershad Irani](https://twitter.com/fershad)
Don’t we love a performance audit! See how well the Taiwanese COVID Vaccination Website fares and what could be improved to make it faster.
 
Building a simple interface for logging web performance metrics
 
### [Building a simple interface for logging web performance metrics](https://www.jeffreyknox.dev/blog/building-a-simple-interface-for-logging-web-performance-metrics/)
 
[Jeff Knox](https://twitter.com/jeff_r_knox)

There are a million ways to experiment with collecting speed data.
See an example of web performance data collection and sending it to a Supabase back-end.

 
 
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 ⚡️84: Optimise your JS bundles Older → ⚡️ 82: Lab vs Field—why are they different?
perf.email
Bluesky
LinkedIn