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
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.
Claudius thanks for sharing that post, I'm glad I'm not alone in this venture!
I completely understand that compulsion to create your own skin, I feel it too! 🤣
It sounds like I may still need to optimise my SCSS file into page-specific segments, like you talk about doing, but it will be interesting to experiment with it once enabled and see where the savings can be made. I'll be following your post with interest.
