Bug 38810 - Massive slow down with large CSS tables
Summary: Massive slow down with large CSS tables
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Macintosh Intel OS X 10.6
: P2 Normal
Assignee: Nobody
URL: http://downloads.syncbyte.com/table_t...
Keywords:
Depends on:
Blocks:
 
Reported: 2010-05-09 00:16 PDT by Rene Trost
Modified: 2011-09-07 17:45 PDT (History)
2 users (show)

See Also:


Attachments
Large Table with CSS (~2.1MB) (45 bytes, text/plain)
2010-05-09 00:20 PDT, Rene Trost
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Rene Trost 2010-05-09 00:16:27 PDT
Large HTML tables with CSS styles massively slowing down the browser. I've created a test-case with 15.000 rows for better comparison. 
While Firefox and Opera stay very responsive, all WebKit based browsers become extremely  sluggish and slow. 

Within a Web-App that makes heavy use of  JavaScript, this becomes an issue with much smaller tables already.  In the test-case, I've removed all other page elements, JavaScripts and other CSS styles, because it would almost stall the browser if I've left them in.

This problem only shows up with CSS tables.
Comment 1 Rene Trost 2010-05-09 00:20:33 PDT
Created attachment 55491 [details]
Large Table with CSS (~2.1MB)

Large tables with CSS causing massive performance decrease
Comment 2 Julien Chaffraix 2011-08-29 17:49:24 PDT
Removing "border-collapse: border" leads to better performance. This is caused by us not caching the border information.
Comment 3 Rene Trost 2011-08-29 21:08:32 PDT
(In reply to comment #2)
> Removing "border-collapse: border" leads to better performance. This is caused by us not caching the border information.

Thanks! That's a solution I can work with!
Comment 4 Julien Chaffraix 2011-09-07 17:45:56 PDT
See bug 64546 for optimizing border-collapse performance.