Here we go, it's live!
Why your performance work is not seen:

(DEV link)
dev.to/viniciusdallac…

(medium link)
medium.com/@viniciusd/356…

This writeup summarises and illustrates some of my experiences on creating and being part of performance initiatives in different companies

I will remind everyone that you, too, can register with Washtenaw Dems and therefore gain access to a meeting where you can vote for who should get an #a2schoolboard endorsement this year: washtenawdems.org/about-us/membe…

Tried to get people to do this two years ago. It’s essential!

ActivationTime tells you how much lead time the browser has to prerender a page. (higher=better)
Here you can see improvements to ActivationTime after I switched from eagerness conservative to moderate:
🟪P75: 150 » 800ms
🟦P50: 110 » 300ms

#webperf #speculationRules

The #INP (Interaction to Next Paint has recently been the talk of web performance + web practitioners on a whole. Well, Michal Mocny joins us to talk about the technical foundation of the news #CoreWebVital . in Toronto? Join us April 17th ! #100DaysOfPerf
🎟️ bit.ly/100dop-day64

Have you heard? Chrome UX Report 📊 added Navigation type to their APIs. So we couldn't stay behind with our free historic #CoreWebVitals tools

Next to a device breakdown you can now toggle to nav types for any device + URL combo (see screenshot)

rumvision.com/tools/core-web…

1/3

Less than 45 mins after this feature was announced Dave Smart already added it his tool:

tamethebots.com/tools/cwv-hist…

Constantly amazed by how quickly people pick up these little features...

An amazing improvement by axeptio 🍪 . Look at that ORANGE line!!! 📈📈📈

This is what INP is doing. Highlighting issues with that focus, improvements happen!

Amazing work by that team with some help Thierno Thiam and Gilberto Cocchi based on an original spot by Sylvain Laneyrie ☄

Really excited about this one. Check out the navigation breakdowns for populate sites in CrUX.

Use it to identify where you're not caching the main HTML doc, or utilising bfcache, or prerender—all of which we've been telling you to do to improve your Core Web Vitals.

#webperf

More and more 3Ps are taking action on INP, these are the latest examples we are aware of but many others already optimized and others are coming.
It's great to see 3Ps taking an active part in improving Responsiveness on the web.
Thanks to everyone that made this possible.

🗜️ #100DaysOfPerf Day 75. This is the update to the SPDY Meetup happening. Speakers announced, including:
Julien Wajsberg, Lazar Nikolov at Sentry, Michal Mocny from Chrome for Developers
📅 Wednesday April 17
📍 Mozilla Toronto
⏰ 6-9p
Deets/RSVP: bit.ly/100dop-day64
#webperf RT? ✨🙏🏾✨

Are you a WordPress developer (core, plugin, theme) and curious to get real-world user data on your product's performance and how it is used?
Look no further: A new Colab provides an introduction for how to obtain such data by querying HTTP Archive & CrUX: make.wordpress.org/core/2024/04/0…

Chromium contributors: I occasionally get someone reaching out asking if I know anyone with chromium experience looking for a new role. If that's you, let me know and I'll connect you.

We’ve released a beta version of web-vitals.js, including a couple of exciting new additions:

- INP breakdown phases
- Long Animation Frame API information for the INP interaction
- Deprecated (but did not remove) onFID

Try it out with:
npm install web-vitals@next

📢Just sent out the latest issue of
WebPerformance Recipes newsletter! Dive into articles on improving webperf, INP, Angular, Brotli, and compression.
Awesome resources from
Rick Viscomi
Annie Sullivan (@[email protected])
Jake Archibald
ng-conf
Fabrice Canel
malchata.htm
Paul Calvano
Sub for future updates

Yuck! I’ve lost track of all the ways Microsoft makes it hard for Windows users to install and use third party browsers and search engines.🤮👎

When searching for DevTools console error messages online, what are you using in your search query?

I am always happy to chat people through any questions they have with the DevTools codebase! 4 years of working on it and I mostly know my way around 😅

DevTools is such a fun place to dig in! It's an open source web app, written in TypeScript and CSS, and you can debug it with DevTools :)

Some of the very first Chrome changes I committed were to DevTools.

docs.google.com/document/d/1WN…

Incredible resource with many different perspectives about tackling interaction responsiveness issues on the web

⭐️⭐️⭐️⭐️⭐️ rumvision.com/blog/experts-g…

The best 35 minutes you can spend to understand of how responsiveness and smoothness works at the browser level by Jake Archibald

youtube.com/watch?v=cCOL7M…