Our newest release continues our theme of making your RUM data even more actionable. In addition to advanced settings, navigation types, and page attributes, we've just released more diagnostic detail for the latest flavor in Core Web Vitals: Interaction to Next Paint (INP). This post covers: Element attribution for INP  A breakdown of where time is spent within INP, leveraging subparts How to use this information to find and fix INP issues A look ahead at RUM diagnostics at SpeedCurve How quickly does my site respond to user input? In short, Interaction to Next Paint measures the ..read more

This post introduces the scheduler.yield API and explains how you can use it to optimise the performance of your web applications. If you want to follow along with the code snippets or interactive demos, be sure to read the browser support section to ensure that your browser supports this feature. Introduction​ In the context of web performance, scheduling is the browser's way of deciding which tasks to run (JavaScript, page rendering, etc.) and when to run them. Scheduling is a key concept that can impact the user experience of your web applications. While not every website needs to worry abo ..read more

Today my personal web site is being served sans-JavaScript in honor of JavaScript Naked Day. I implemented this on my web site using a global JS_ENABLED in my Eleventy configuration file (propagated to templates via Eleventy’s global data). This removed the <script> elements in the output of the site’s build. Origin Story # It started with a toot celebrating CSS Naked Day: It’s #CSSNakedDay! I love this trend—it highlights the importance of a foundation of good HTML. We need a similar one for JavaScript! #JSNakedDay should be April 10 ? Related: I first wrote about CSS Naked Day in Apr ..read more

How To Monitor And Optimize Google Core Web Vitals How To Monitor And Optimize Google Core Web Vitals Matt Zeunert 2024-04-16T10:00:00+00:002024-04-16T18:34:48+00:00 This article is sponsored by DebugBear Google’s Core Web Vitals initiative has increased the attention website owners need to pay to user experience. You can now more easily see when users have poor experiences on your website, and poor UX also has a bigger impact on SEO. That means you need to test your website to identify optimizations. Beyond that, monitoring ensures that you can stay ahead of your Core Web Vitals scores for th ..read more

I've been spending a lot of time looking at the performance of European sites lately, and have found that the consent management platforms (CMPs) are consistently creating a bit of a false reality for folks when trying to understand performance using synthetic monitoring. Admittedly, this is not a new topic, but I feel that it's important enough that it warrants another PSA.  In this post, I will cover some of the issues related to measuring performance with CMPs in place and provide some resources for scripting around consent popups in SpeedCurve. What are CMPs and how do they work? A c ..read more

How fast is the average website, and how much does website speed vary? Are websites getting faster? And where in the world do pages load faster or slower? This report looks into these questions based on the Google CrUX dataset which collects page speed data for millions of websites from real Chrome users. How long does it take to show the main page content?​ The average website takes 1.3 seconds to load the main page content for an average visit. To measure this we’re using the Largest Contentful Paint (LCP) metric which identifies how soon after opening a page the largest content element beco ..read more

  Swap is a performance killer for web applications. Once a component in your stack goes into swap it takes a very long time to recover. If you don't have the capability to move the traffic elsewhere quickly, restarting the service is often the best approach. Given the price of RAM, there's little reason not to add more as a long term fix. Indeed in recent years I have stopped provisioning swap at all on hosts. It felt wrong at first. I felt the same way the first time I built a computer without a floppy drive. While I've never had a reason to regret abandoning floppy disks, I am now ques ..read more

I was inspired by Tim Vereecke's excellent talk on noise-cancelling RUM at PerfNow this past November. In this talk, he highlighted a lot of the 'noise' that comes along with capturing RUM data. Tim's approach was to filter out the noise introduced by really fast response times that can be caused by leveraging the browser cache, prerendering, and other performance optimization techniques. I thought Tim's focus on 'human viewable navigations' was a great approach to use when looking at how to improve user experience. But there also may be times when you want to understand and embrace the noise ..read more

I was honored to be the very first guest to Glitch Jams Live! Glitch has always been a huge supporter of Eleventy—with a very prominent button to create an Eleventy Starter project on their home page. With the recent migration of the Glitch Blog (via Keith Kurson on Mastodon) to use Eleventy v3.0 and WebC, it was the perfect time to join the stream to chat. We walked through a bunch of my favorite Built With Eleventy personal and community sites too. Watch on YouTube: Glitch Jams Live Ep. 16: Eleventy'ing This week we're welcoming our first ever guest to the stream - Zach Leatherman, a pal wh ..read more

The 11ty International Symposium on Making Web Sites Real Good (Conference) is approaching fast on May 9, 2024 and 947 folks have already signed up for the event! To pair with the event, for the first time ever we’re offering a merch bundle for purchase. It’s conference swag, but only for people that want it! (Free shipping and a holographic sticker for Open Collective supporters) This store will close April 5 to fulfill orders for the conference. The last day to order this bundle is April 5. Head over to merch.11ty.dev ..read more