Forum Discussion

PAULEM's avatar
PAULEM
Advisor
6 years ago

Embedding styles into custom components - thoughts please

We have a bunch of custom components that we use on our site.  This is probably the case for everyone!  Some components added to almost every 'page' and some are specific to one 'page'.  For example,...
  • VarunGrazitti's avatar
    VarunGrazitti
    6 years ago

    PAULEM - This is definitely an option and something that can be leveraged to minimize the additional/unwanted CSS code that gets loaded on each page. Having said that, you can measure the performance of the pages with both the options using the Lithium toolbox and analyze which of these works better and efficiently. 

    The toolbox gives the core insights and will get the job done for you.

    I hope this helps.

him_varma's avatar
him_varma
Advisor
4 years ago

PAULEM It is NOT recommended to add the custom CSS in the custom components. Though it will load the CSS only when component is loaded but it will deny you the privileges given by Khoros of optimizing your CSS and debug the synchronization issues in your CSS code which causes performance issue. Moreover by adding CSS code in components you are only increasing the rendering time of a component which is not optimizable also.  You can find more about how the CSS is loaded in Khoros community here https://community.khoros.com/t5/Skins-and-assets/How-Khoros-handles-CSS/ta-p/109079

Also if you are using the version 19.5 or more then Khoros provides you the CSS performance enhancements in which they optimize your CSS to decrease the page Load time. You can find more about it in https://community.khoros.com/t5/Khoros-Communities-Release-Notes/Khoros-Communities-19-7-Release-Notes/ba-p/538709#performance