My gist “How Browsers Work” has been updated with a new post: “How modern browsers work” by @addyosmani.bsky.social gist.github.com/nucliweb/c16... #WebPerf #Browser #WebDevelopment

No lies detected.

Quite the journey!

I’m super hyped and happy to announce that I’m getting even deeper into helping agents reason about software quality as I join QA.tech! Since I’ve started working on PerfLab and then PerfAgent this has become an obsession. Now I get to do that full-time and I could not be more thrilled!

something very cool to see: Chrome recently shipped automatic <link rel="prefetch"> for all links in viewport you could do it previously with libs like Quicklink, but it’s super cool to see this implemented natively (it’s off by default, enabled with one html tag)

Wrapping up the writting part for my talk at @perfnow.nl this weekend and I'm beyond excited for this one. Prepare for a deep dive folks!

✨SPDY STREAM 010 ✨ with Jacob Groß 📢 As mentioned during yesterday's stream, Jacob is our next guest, and we shall cover tag mgmt and the deleterious effect they can have on performance, esp web vitals and possible solutions. Join us! 📆 Wednesday Sept 17th ⏰ 1PM EDT 🔗 bit.ly/spdy-stream-010

Hello everyone, I have just heard that the company I'm a lead engineer for is going to downsize so I'm going to look for the next thing from next week. I'm looking to work with AI engineering and am shipping lots of different code automations and agent workflows.

I'm beyond excited to share a stage with so many great names! This is a special event to me and I'm super hyped to share a bit of my story with you all ❤️

Really excited to be speaking @perfnow.nl this year—my favourite conference run by some of my favourite people! If you're into web performance (or wanna be!) and like a great conference with a super friendly vibe then pop along to Amsterdam at the end of October. Tickets selling fast! perfnow.nl

Google’s @jackf.io is speaking at the London MCP Dev Summit 🎤 Topic: Lessons learned building the Chrome DevTools MCP Server 👉 Don’t miss it: buff.ly/MwmiH5E (early bird pricing ends in 2 days!) #MCPservers #DevToolsAI

Whist trying out my demo for the Agentic Perf Analysis and Debugging, I managed to use my V0 and my DevTools MCP servers to debug one of my V0 demo chats. Using animation frame insights no less 😃

performance.now() is coming to Amsterdam this October! This event is great both for the inspirational talks as well as for the opportunity to meet folks from different companies and backgrounds to discuss how to successfully tackle web performance challenges!

performance.now(), the web performance conference, 30th and 31st of October, Amsterdam. Single track, the best speakers in the industry, plenty of your performance-mad peers around to have fascinating conversations. What's not to like? https://perfnow.nl/

Gain insights from @webx.bsky.social at the past conference talk on #AnimationFrames, #INP, and #LoAF APIs for responsive web applications! #webdev https://gitnation.com/contents/what-is-an-animationframe-and-what-can-it-tell-you

We're almost there! After spending the week hacking OAuth support into Mastra MCP client class and getting the toolcall aproval workflow to an MVP state this sprint is soon coming to an end.

This will be lots of fun. get ready to see how @developer.chrome.com can help you leverage AI to fix problems, but also get a glimpse of how AI native DevTools can look like 👀 Tune in live here: gdg.community.dev/events/detai...

There's a larger goal of mine here, my experiments with MCP is to try to better understand how to enable good primitives for AI native systems.

Updates on PerfAgent, after spending some time implementing v0.perflab.io MCP server it's now time to create PerfAgent's MCP client. It will be a great way to expose the agent to external services and agents such as @sentry.io Seer, and my own servers too, like V0.

Here's a thread with some of my photos from @developers.google.com I/0 Connect in Berlin from earlier this month #Googlel0Connect in 35mm film 🎞️

Alright, it's time! (unofficial) V0 MCP server is now live at v0.perflab.io Interact with V0 straight from your favourite AI code editor - Start chats with V0 using your own codebase for quick UI iterations - Connect to your favourite agent to drive V0 - Server exposes tools, prompts and assets

Now wait until you see the kind of agentic workflows you can have with V0 and DevTools via MCP... It's kinda magical to see.

Finally got my @v0.dev MCP server deployed to @vercel.com and successfully implemented the custom OAuth flow (to just just API key exchange).

I've been thinking a lot about how we might imbue HTML elements with more enhanced features. I made some neat on-device elements that could be this useful, but I was actually pretty proud that I could wrap a `<input type=file accept=image/*>` and enable images to be generated. aifoc.us/elements/

Hacking on something over the weekend after the V0 public SDK was announced. Up next: integrate V0 MCP <> DevTools MCP for self healing generations

Yesterday I had an evening jam with Charles Maddock at Strawberry browser HQ. Aside from having a great conversation with the team and tapping into some great insights and ideas, the goal was to create a prototype MCP client for Strawberry and experiment with making it a native protocol.

The day has finally come! PerfAgent is now publicly available under Apache 2.0: github.com/PerfLab-io/p... Using: - @aisdk - @mastra_ai - @nextjs - @DrizzleORM - @shadcn The repo is still very much under development so any feedback is appreciated 🫡

Lets hang out and talk about AI, DevTools and Perf!

Today I've invited 26 more people to try out PerfAgent. I'm closing in on the opensource milestone (just gotta cleanup more before I can have an open house 😅) I'm looking to expand trace support to OTEL soon, converting OTEL spans into DevTools.

Token slinging: aifoc.us/token-slingi... I've been thinking about the effects of tokens and how it impacts direct web development. Feels like there is a change in that we are now back to paying for our IDEs (even if it's indirectly).

When thinking about perf, now living in Europe, it is easy to forget how skewed our experiences can be. Most of this map is dark, meaning that has little or no 5G connectivity. Though I'm impressed with how India is connected, Brazil (where I come from) is unsurprisingly dark.

ICYMI ✨ SPDY STREAM ✨ 001 was published this week. In a du jour discussion, @webx.bsky.social and I talk about *PERF AGENT*, an AI-powered insights tool that makes optimizations more accessible. Enjoy! youtu.be/0Zzhhin79T8?...

@perfnow.nl is for any perfhead, enthusiast or anyone into deep technical discussions THE event to go to! Come hang out with us! This year we have a really stacked lineup, and also there's me 😁!

Can't wait to share more about this! First of a series looking into using AI and building with it effectively. Perf and AI have lots to learn with each other, and the time to experiment is now!

A really good first try on the DevTools MCP server, gathering interaction insights and also 'general' insights using animation frames as a base 'unit of work' and extracting info using the AI helpers baked into @chromium.social itself. Profiling and fixing perf cannot get any easier than this.

DevTools 🤝 MCP - Or as @tej.as named it when I was pitching this over at @jsnation.gitnation.org in our chats....'Self healing mode'. Quick tease of something I've been hacking over the weekend as I prepare for I/O connect and just before. www.youtube.com/watch?v=hP_e...

Talking about perf is always fun and chatting with @henrihelvetica.bsky.social is always a pleasure! It was a great chat and looking forward to catch up with the next guests!

Come hangout today! I'm super excited to chat about the stuff I've been cooking with @henrihelvetica.bsky.social

Some of my fav pics from JSNation with @tunetheweb.com @devnook.bsky.social @tej.as @shivaylamba.bsky.social @philna.sh and more 😎

Some of my fav pics from JSNation with @tunetheweb.com @devnook.bsky.social @tej.as @shivaylamba.bsky.social @philna.sh and more 😎

On my way to Amsterdam for @jsnation.gitnation.org! See you all there!

As a first step towards opensourcing agent.perflab.io codebase, I'm opensourcing my fork of @chromium.social DevTools. It is far from usable for most, but it is where it all started. (yes, I'm opensourcing PerfAgent under Apache 2.0 soon) 🧵

It might be todo with the current outtage problems, but @github.com is showing github.com/chromium/chr... contents instead of github.com/chromium/chr... on @chromium.social GH project. Nevertheless, it is a fascinating find to me 🤔

🔥 Simpler browser support info has landed in VS Code! Hover over any CSS property or HTML element or attribute and now you'll see its Baseline status 📝 web.dev/blog/baselin...

I/O attendees, you’ve just about enough time to make it to the Web Tent to see @paul.kinlan.me ‘s talk on the exciting new stuff we’ve been working on. Or if not here then catch it on the live stream!

Working on improving the LCP reports from agent.perflab.io Not only the reports are now more meaningful, I've been working on creating network activity visualization for the reports so we can better visualize the impact on different requests on the LCP timming at a glanceble fashion.

This is going to be so much fun! Lets dive in together!

I might have built a good way to bake in some attribution models for my agent to analyse trace information! Next is a before and after on agent.perflab.io analysing LCP data.

I'm soon going to be inviting the first test users into agent.perflab.io! If you haven't yet, signup for the waitlist! First newsletter is out for those who signed up! Quite happy with the overall layout 😃 watery-sandy-yarn.glitch.me

Been digging more into how to get better attribution data and also 'nudge' the agent into giving more directed feedback based on calltree data. The results speak for themselves. Much better value out of the reports. Building on top of what I've learned from DevTools has been super helpful. 1/2