Bug 27505

Summary: Use or large box-shadow radius causes lag and performance issues
Product: WebKit Reporter: Josh Bryant <joshbryant>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Major CC: bruce, keishi, paulirish, ploum, simon.fraser
Priority: P1    
Version: 528+ (Nightly build)   
Hardware: All   
OS: OS X 10.5   
Attachments:
Description Flags
Test Case none

Josh Bryant
Reported 2009-07-21 09:28:50 PDT
When using a large radius on a box-shadow, on both Mac and PC, Safari 4 causes a massive CPU takeover in which just having it on screen can use up to 40% CPU and trying to do anything (hover over a link, type text in a text field, etc...) will spike the CPU to 100%. It also makes the entire page pretty much unusable due to the lag. I've done a test case here: http://tinycrumb.org/boxshadowcpu.html
Attachments
Test Case (38 bytes, text/plain)
2009-07-21 09:36 PDT, Josh Bryant
no flags
Josh Bryant
Comment 1 2009-07-21 09:36:52 PDT
Created attachment 33183 [details] Test Case
Bruce Cowan
Comment 2 2010-05-01 17:10:53 PDT
I can confirm this. http://identi.ca/ is very difficult to use, and scrolls very slowly. Offending item in CSS is "-webkit-box-shadow: rgba(194, 194, 194, 0.296875) 5px 7px 7px;".
Simon Fraser (smfr)
Comment 3 2010-07-27 11:19:05 PDT
Probably dup.
Paul Irish
Comment 4 2010-08-21 12:58:34 PDT
probably a dupe of issue 22102
Simon Fraser (smfr)
Comment 5 2010-08-21 13:29:01 PDT
*** This bug has been marked as a duplicate of bug 22102 ***
Note You need to log in before you can comment on or make changes to this bug.