devtools-docs icon indicating copy to clipboard operation
devtools-docs copied to clipboard

Timeline panel updates

Open paulirish opened this issue 12 years ago • 6 comments

image image image image

  • Details pane / summary.
  • gpu frames on top
  • Capture stacks checkbox (will capture stack traces for all operations it can. pretty much the only part of timeline that has overhead.)
  • GPU activity bars (enabled by setting)
  • filters
  • gpu memory in counters
  • first paint, domcontentloaded, windowload, and console.timeStamp plotted

Comment below with other parts that are new…

paulirish avatar Dec 12 '13 18:12 paulirish

Timeline now updated with a bunch of these items.

paulirish avatar Feb 10 '14 03:02 paulirish

We're addressing these updates via an HTML5Rocks article.

I put my current draft into a google doc, which our chrome-devtools-docs group should be able to access. https://docs.google.com/document/d/11cqeFrNjGWjuYSMDwma8NQ_GUM2bNesxaqG4gA5EJfI

Would love to get some feedback! Thanks.

ghost avatar Jan 06 '15 20:01 ghost

yeah. This ticket is old but it made me realize some of this older stuff wasn't yet in.

all sounds good.

paulirish avatar Jan 06 '15 21:01 paulirish

ah, that's true. The H5R article covers stuff that's currently still in Canary.

But our reference docs still might be a bit behind with respect to the items you originally listed in this ticket. I can look into that.

ghost avatar Jan 06 '15 21:01 ghost

Guys, I'm not sure in which version it changed so drastically, but I couldn't find any documentation for the new timeline and frame rate debugging tools. Using latest stable chrome: 47.0.2526.106 m. While some tools are self explanatory, some aren't.

madroneropaulo avatar Jan 04 '16 15:01 madroneropaulo

It will get updated, trying to get that figured out now.

The new repository for issues is WebFundamentals btw. Issue 2404 there already exists for tracking this update (assuming none pre-date it.)

Garbee avatar Jan 04 '16 15:01 Garbee