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.

PAULEM's avatar
PAULEM
Advisor
4 years ago

Thanks VarunGrazitti  and him_varma for your help.

Since posting my question, I've actually done both?!?  I moved all 'page-specific' CSS into the associated custom component so clear out the SCSS and then undertook a massive SCSS rebuild to rationalise/merge what was left into SCSS modules so that all associated CSS was stored together. Then I moved the component CSS back into the SCSS.

It seemed to work, although now I'm retired so I'm not sure how well its working! The site definitely loaded quicker once the SCSS was rebuilt.