Performance hit of Inline CSS

Theme customization pages usually dump those css customizations into a <style></style> block directly in the page head, which counts as inline styles. Some plugins will drop styles there too.

Anytime you use third-party plugins, or themes, it’s inevitable that you will run into some inline issues. There’s a balancing act of cost – is the cost to develop your own worth it? Or is the cost of performance scores low enough to offset that?

How much it hurts I think depends from site to site. I don’t know that the front end user would notice as much as an algorithm like google’s lighthouse does.

For kicks and giggles, you could scan your site before moving the css, and then scan it after you put it into its own file to see how much of a change it is.