How do preprocessors affect performance and rendering speed?

Question

css

I read a lot about the fact that it is correct to use preprocessors and in general it greatly speeds up and simplifies development. This is understandable, but my question is related to optimization.
Perhaps the .scss file will be much shorter than my old .css code, but when processing this file, the browser still recompiles it to pure css, right? It turns out that having saved myself time for development, I will spend more time on optimization later?
Googled and didn't find any adequate comparison of SCSS vs CSS performance.

Answer 1

Preprocessors work during the build phase of an application. The browser cannot work with the scss format. "Speeds up and simplifies development ", yes. As a result, css will still end up in production.