Slow rendering & poor performance?

[jonthomason123]

Hi, I am including about 15 style sheets with 2 or 3 sections on each file and I am experiencing poor performance when I scroll up and down.

Has anyone had this happen to them and is there a fix? I would really like to continue using Kalei.

Thanks

[adispezio]

I haven't tested this, nor do I have a PR to help - but I'd look into the scroll event in page.js
https://github.com/thomasdavis/kaleistyleguide/blob/gh-pages/js/views/style/page.js#L138

It looks like the logic must re-traverse the dom every time the page is scrolled to find out if the submenu item is currently on screen - and then apply the active class. I'd start by removing this to see if it clears up the fps.

If that helps, then I'd find a way to cache the submenu items in an array or append some attribute to each so that they can be identified more easily than having to use an expensive query selector each time.

[jonthomason123]

That totally worked and fixed the performance problems!

I can't thank you enough.

[avrorov]

Thank you adispezio! That worked great.