17 replies

1. Zach Leatherman 5 min later

   It strikes me that it might be useful to have a comprehensive web performance analysis tool with similar flame graph output that reports a holistic view of the performance of a web site (showing how every asset on the site influences the performance, not just JavaScript execution).

   Does this exist?

   1. Zander 7 min later

      @zachleat WebPageTest must have a tool like that. Been a while since I used it though

      1. Zach Leatherman 10 min later

         @zander WebPageTest is the GOAT for sure!

   2. Spiricom 12 min later

      @zachleat

   3. Yoav Weiss 1 hr later

      @zachleat ^^ @jackf

      1. Jack Franklin 1 day later

         @Yoav @zachleat love this idea! We have a few things that we're thinking about for DevTools roughly in this area and I'll add this toot in if you don't mind 🙂

         1. Zach Leatherman 1 day later

            @jackf @Yoav yay! sounds great!

   4. Andy Davies 4 hr later

      @zachleat https://profiler.firefox.com had a flamegraph view but I’ve not checked whether it still works with Chrome traces for a while

      1. Zach Leatherman 20 hr later

         @andydavies Strangely I’ve never tried this—but it looks amazing!

         1. Andy Davies 21 hr later

            @zachleat Looks like it still works - this is trace captured local in Chrome

            1. Andy Davies 22 hr later

               @zachleat I have also mentioned that this would be a really useful view to have in Chrome when asked for my opinion

   5. Daniel Schulz 13 hr later

      @zachleat there are lots of tools. Webpagetest, gtmetrix, you could run your own metrics in a puppeteer or use Browserstack...

      1. Zach Leatherman 19 hr later

         @iamschulz hmm… it feels wrong that GTMetrix defaults to a desktop report 😬

2. marvinh 1 hr later

   @zachleat check out node's built-in --cpu-prof arg. That generates a profile which you can then inspect in speedscope. It has a much nicer UX and has a left heavy view which makes it much easier to spot slow calls

   1. Zach Leatherman 1 hr later

      @marvinh super helpful thank you! Sandwich mode seems awesome too.

   2. Zach Leatherman 1 day later

      @marvinh This recommendation proved very fruitful thank you! https://github.com/11ty/webc/releases/tag/v0.9.3

      1. marvinh 1 day later

         @zachleat that's awesome!