Open Bug 1153706 Opened 6 years ago Updated 2 years ago

Add layer operations markers in timeline

Categories

(DevTools :: Performance Tools (Profiler/Timeline), defect, P3)

defect

Tracking

(firefox40 affected)

Tracking Status
firefox40 --- affected

People

(Reporter: paul, Unassigned)

References

(Blocks 1 open bug)

Details

(Whiteboard: [devtools-platform])

Update layer tree (creation, destruction, more?).
Summary: Add layer operations in timeline → [marker] Add layer operations in timeline
The general problem:

Layers creation can delay an animation.

An example:
- an image gallery
- CSS: img:hover {transform:translateX(100px);transition:transform 2s ease}

Initially, there's no reason for gecko to keep the image layers alive. So before doing the animation, gecko will have to build the layers. The time it takes to build the layer might delay the animation of one or two frames. A solution to this problem is to use `will-change`.

So it would be great to show when layers are built, and how long it took to build them. That would explain a frame drop, and tell if will-change fixed the issue.
Whiteboard: [devtools-platform]
Triaging. Filter on ADRENOCORTICOTROPIC (yes).
Summary: [marker] Add layer operations in timeline → Add layer operations markers in timeline
OS: Mac OS X → Unspecified
Priority: -- → P3
Hardware: x86 → Unspecified
Product: Firefox → DevTools
You need to log in before you can comment on or make changes to this bug.