search

SC5 / sc5-styleguide

Styleguide generator is a handy little tool that helps you generate good looking styleguides from stylesheets using KSS notation
http://styleguide.sc5.io/
MIT License
1.26k stars 167 forks source link

Renders slow on big projects #755

Open varya opened 9 years ago

varya commented 9 years ago

The generated website has rendering problems if the project is big enough. This maybe a reason to reorganize the architecture for the sc-styleguide@4.0.0.

Let's discuss. Should we even keep Angular?

hannu commented 9 years ago

Probably the biggest bottle neck is shadow DOM since browser needs to parse the CSS and apply styles individually to every component. I would suggest to try disableEncapsulation: true; and test if it helps.

varya commented 9 years ago

Tested. Impossible to say, because when using disableEncapsulation: true, CSS is not reloaded at all (I used the designer tools to change one of the colors).

With ShadowDOM version, most likely the changes are applied slowly because it happens not right away. When changing the color I see that first the application rebuilds and reloads the JSON (progress bar is visible). Then the components are re-rendered (it is visible because slow) but with old colors. Then they are re-rendered again with new colors.

So, there are 2 problems:

johannesjo commented 7 years ago

Any news on this one?