Post

daniel r(ooooooh) in nyc 🇺🇸

now this is a super feature enabled by the chrome devtools team - ht @jackfranklin.bsky.social ... ✨ custom timings from @nuxt.com right in your devtools ... who thinks this would be useful?

14/11/24, 2:09 pm3 reposts44 likes

very useful coz sentry sdk may pick it up during building pageload and navigation transactions Hope they add spans wrapping Nuxt lifecycle during initial client side render thx❤️

clarkeverdel.bsky.social

@clarkeverdel.bsky.social

Definitely me! 😉

daniel r(ooooooh) in nyc 🇺🇸

okay, I've twisted my own arm - opened a PR 😁 github.com/nuxt/nuxt/pu...

github.comfeat(nuxt): add support for printing nuxt hook timing in browser devtools by danielroe · Pull Request #29922 · nuxt/nuxt🔗 Linked issue 📚 Description This uses the Chrome DevTools extensibility API to add support for printing nuxt hook timings in the browser devtools performance panel. We can improve this further: ...

daniel r(ooooooh) in nyc 🇺🇸

👉 the Chrome team also have a full blog post showing how you can add your own timings + tracks as well

developer.chrome.comCustomize your performance data with extensibility API | Chrome DevTools | Chrome for DevelopersCustomize performance data with the extensibility API

@sebmarkbage.calyptus.eu is working on this for react and it’s dope

Phil Wolstenholme

I came to the comments to try and tag someone from Meta or Vercel so thank you for saving me having to look up who'd be best to mention 😄

daniel r(ooooooh) in nyc 🇺🇸

it’s definitely a race now to see who can merge it first

Amazing