RESOLVED WONTFIX Bug 101522
Web Inspector: Identify high-cost CSS declarations 
https://bugs.webkit.org/show_bug.cgi?id=101522
Summary Web Inspector: Identify high-cost CSS declarations
Paul Irish
Reported 2012-11-07 16:50:04 PST
In the lifetime of an app, costly style rules can affect both transition/scroll FPS and application performance. The costs will manifest as extra time spent in style recalc, reflow, paint, compositing. Right now, there is no strong way to attribute the long bars in Timeline back to authored CSS rules, though I feel that delivers the most insight to the user. I wanted to open up this ticket to discuss and track any progress on this front. Some ideas I've heard so far: * rendering performance heatmap * element paint cost profile report * zooming into Timeline bars for RenderTree breakdown
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2014-12-01 14:29:20 PST
<rdar://problem/19106888>
Blaze Burg
Comment 2 2015-10-28 13:32:51 PDT
Is CSS really a bottleneck anymore with the CSS JIT?
Timothy Hatcher
Comment 3 2015-10-28 13:42:35 PDT
Nope. We removed the CSS profiler a while ago too.
Note You need to log in before you can comment on or make changes to this bug.