CSS optimisation / best-practice
Hi everyone, I've been acquainting myself with the Google Search Console more recently, and I'm getting reports about pages being slow to load. A big drain seems to be our CSS resource. We did some...
Forum Discussion
Kev_B There is a new feature Khoros released recently to optimise the CSS. You can check the release logs.
Khoros by default will gzip your css via the network, about 10% zip rate eg. 3MB zipped to 300KB. The out of box Khoros CSS is already big/huge. So splitting css into components is not gonna help. Coz the splitted css is not gziped 🙂
You can lodge a support ticket to Khoros to turn on the CSS enhancement feature and see if it improves it.
The CSS performance enhancements are still in beta and were first mentioned in https://community.khoros.com/t5/Khoros-Community-Release-Notes/Khoros-Communities-19-7-Release-Notes/ba-p/538709#performance
If they are working - and you have optimized your skin styling to work with it - they have the potential to reduce the CSS size quite a bit. You will still get the duplication of style assignments from the Khoros base skin and then the overriding statement from your skin.
Unfortunately, the documentation on how to how to structure the CSS to work well with this feature is still lacking. Would be great if Khoros could supply some concrete best practices. See the discussion Best approach to benefit from CSS performance enhancements
I am currently trying to optimize the page performance for our community as well and at times reach the insane point of thinking about getting rid of the base skin and "just" creating our own skin. So far I managed to drag myself back to sanity, but I'm running out of alternatives to further reduce skin file size any other way.
