Hello,
sometimes I only need CSS for specific pages and in the past I have always used “Simple CSS” plugin for that.
Not I have realized, that using “Simple CSS” sometimes creates additional load assets.
After moving the CSS to the Customizer (“Generating your dynamic CSS in an external file” is enabled), I noticed a faster load and better PageSpeed Scores.
But most of the custom CSS is not required to load on all pages, I wonder if loading CSS via Hook-Element would have the same effect as using Simple CSS? Or should I even use a child-theme as the best option?
For the best performance & scores, I’d like to learn about the best practice for applying custom CSS to single or multiple, but not all pages:
Simple CSS?
Customizer CSS?
Element-Hook?
Child Theme?
Can you please guide me to the right direction?
Thank you in advance and kind regards,
Sascha