Closed Bug 1153706 Opened 9 years ago Closed 2 years ago

Add layer operations markers in timeline

Categories

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

Product:
DevTools
Component:
Performance Tools (Profiler/Timeline)
Type:
defect

Tracking

(firefox40 affected)

Status:
RESOLVED INVALID
Tracking Flags:
Tracking Status
firefox40 --- affected

People

(Reporter: paul, Unassigned)

References

Details

(Whiteboard: [devtools-platform]) 

Update layer tree (creation, destruction, more?).
Blocks: operation-instrument
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
Severity: normal → S3

This report is related to the old DevTools Profiler.
The Performance panel now points to the new Firefox profiler available at profiler.firefox.com
Closing as Invalid bug

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.