121 Followers
89 Following
127 Posts
Born in California, made in Germany. Loves making music, hiking and running. Ex Louis Lament. #WebPerf and #GreenWeb. Blogs at https://screenspan.net.
Webhttps://screenspan.net/
I've been working on RUM-based alerting and got to share some lessons learned at Performance.sync() in Amsterdam this week. Here are my slides: https://screenspan.net/talks/noise-cancelling-rum-based-alerting/
Noise-Cancelling RUM-Based Alerting | Brian Louis Ramirez | Digital Sustainability & Web Performance Optimization

How to get alerted to significant regressions and incidents at scale without getting overwhelmed by false positives? In this talk I present a few lessons learned while building an alerting system based on Real User Monitoring (RUM) data.

I've finally caught up on the wonderful 2024 Web Performance Calendar entries. Here are my top four:
@screenspan - How does Web Performance sound https://calendar.perfplanet.com/2024/how-does-web-performance-sound/
@boostmarks - Your website is a restaurant https://calendar.perfplanet.com/2024/your-website-is-a-restaurant/
Alex Hamer - Not every user owns an iPhone https://calendar.perfplanet.com/2024/not-every-user-owns-an-iphone/
Patrick Meenan - Getting Real (small) With Compression Dictionaries https://calendar.perfplanet.com/2024/getting-real-small-with-compression-dictionaries/
#webperf
How does Web Performance sound?

While much of Web Perf is based around optimizing the visual experience, I started wondering: How does web perf sound?

Web Performance Calendar
📈 Real User Monitoring (RUM) is crucial for identifying issues on websites and tracking regressions. But the challenge multiplies when monitoring hundreds or thousands of sites. I got to share insights into our collaborative efforts in Amsterdam in Nov.: https://www.youtube.com/watch?v=XBsvaQ5hpI4&list=PLjnstNlepBvOm686RUk2yWaX8ELBwJskS&index=7
Brian Louis Ramirez at performance.sync()

YouTube

* The web can be consumed in any way that people choose

As members of the web community, we each play a part in shaping its future. The Ethical Web Principles remind us that the web extends beyond technology—it’s a reflection of the values we hold as a global society. Let us adopt this guide to enhance a web that connects and empowers us all.

Thank you to the TAG and all at W3C who made this momentous Statement of W3C Principles possible.
4/4

Read more at: https://www.w3.org/blog/2024/w3c-statement-on-ethical-web-principles-guides-the-community-to-build-a-better-web/

W3C Statement on Ethical Web Principles guides the community to build a better web

The Ethical Web Principles, which build on W3C’s core values and principles in the web and its architecture, are a call to action for the web industry and for W3C itself, aiming to deliver positive social outcomes. As we expand the web platform, we must consider the consequences of our work. As members of the web community, we each play a part in shaping its future.

W3C

I really love experiments like the one @screenspan posted on the Web Performance Calendar yesterday. https://calendar.perfplanet.com/2024/how-does-web-performance-sound/

It reminds me of the "netbeep" Chrome extension. Using synesthesia to rely on sound rather than sight to convey information that would otherwise be invisible on the screen…

#Advent #WebPerf #WebPerfCalendar

How does Web Performance sound?

While much of Web Perf is based around optimizing the visual experience, I started wondering: How does web perf sound?

Web Performance Calendar
The Web Performance Calendar is still looking for contribution. Propose your posts for the speed geek's favorite advent publication: https://calendar.perfplanet.com/contribute/
Contribute

Passionate about a topic? Working on a new tool? Have a technique you want to teach? Research you've done? Tell the web performance community! Send your articles to [email protected]. Please include: The article in any format, preferably markdown, asciidoc, html Bio blurb, as long as you like,

Web Performance Calendar

As a #webperf engineer I often have to look at “waterfall charts” to see when network requests occur to spot bottlenecks. I wondered what they might SOUND like, so made a little tool to listen to them.

https://calendar.perfplanet.com/2024/how-does-web-performance-sound/

https://screenspan.net/soundtrace

How does Web Performance sound?

While much of Web Perf is based around optimizing the visual experience, I started wondering: How does web perf sound?

Web Performance Calendar
Very excited about @stubbornella asking about whether we need Core Web Vitals in Safari for measuring #webperf, so I wrote down some opinions and thoughts.
https://screenspan.net/blog/why-safari-needs-core-web-vitals/
The Elephant NOT in the Room: Why Safari Needs Core Web Vitals | Brian Louis Ramirez | Digital Sustainability & Web Performance Optimization

Safari’s lack of support for industry-standard performance metrics leaves us with a gaping blind spot.

#perfnow slides will be up at some point, but the TL;DR is toot-sized: the web is losing, in part because the frontend discourse has been captured by charlatans and fabulists. It's hurting users, and drawing attention away from urgent problems that are keeping the web from competing.

The #webperf community is a rare island of sanity where evidence still beats bluster. We owe it to our future selves to help clients reject the lemons the JS-industrial-complex keeps trying to pass off as gems.

Optimize font loading on your site by 1) using system fonts, 2) removing unnecessary fonts and languages; if loading web fonts 3) self-host, make sure they’re WOFF2 and cache them, 4) make sure you set fallbacks (my tool https://screenspan.net/fallback/ can help). @mandymichael #perfnow
Fallback Font Generator

Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face