Hi!
Been using the theme for a month and it’s been great regarding functions and customization. The only thing I’ve been really fighting with is performance, as the theme generates lots and lots of inline CSS & JS instead of having main cores on files which I can compress and cache.
So far I’ve done all the optimizations recommended, using WP Cache and also Fast Minify. They work as intended, however there’s one thing they can’t fix: Inline code.
The Theme Panel puts all the custom fonts, colors and customizations in inline code instead of storing them in a file, making it impossible to compress, minify and cache those files, while also render those customizations last.
Is there a way I can easily modify the code (I’m a dev), without breaking updates, for putting those customizations on a file instead of inline?
And as a suggestion, reducing the inline code both for the Theme Panel customizations and for the Blocks would be a huge performance hit on this theme. Even on dedicated servers it’s not loading as fast.
Regards and thanks
Best way to do custom CSS, btw; is simply add to bottom of the style.css and minify; don’t place in the theme panel.
Also, if your host supports mod_pagespeed there is a nifty filter to remove comments, empty spaces and line breaks at the server level.
Not perfect answer, but that’s what I do. 🙂
Thanks!
I’m not talking about custom CSS, but the CSS that is directly generated by the theme, which generates as Inline content
Yes. I compact that using mod_pagespeed …
and I meant *all* custom code; “The Theme Panel puts all the custom fonts, colors and customizations in inline code instead of storing them in a file” … all of that can be done manually in the style.css vs using theme panel to make those changes.
