html page with lots of nested grid containers is very slow
Categories
(Core :: Layout: Grid, defect)
Tracking
()
People
(Reporter: bruno, Unassigned)
Details
(Keywords: perf, testcase)
Attachments
(1 file)
(deleted),
text/html
|
Details |
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101 Firefox/68.0
Steps to reproduce:
Opening the attached page, waiting for it to render
Also changing the slider on top
Description:
The attached page is a prototype I was building, and while adding features to it, and using more and more css custom properties, all of a sudden it started to render very slowly in Firefox. Commenting code out, I could not get it back to a state where it renders at a reasonable speed.
Actual results:
It took over 4-5 seconds to (re)render on my recent laptop.
Expected results:
It should have rendered instantly
Comment 1•5 years ago
|
||
Looking at the profiler, all the time is actually spent in grid layout. Seems like nested grids blowing up.
Updated•5 years ago
|
Comment 2•5 years ago
|
||
Yeah, this is a known problem. Fwiw, you can work around it by not using content-based row sizes (auto
etc).
Description
•