DEV Community

Discussion on: Does SCSS take more space or load slow?

Collapse
 
iamschulz profile image
Daniel Schulz

Sass is a preprocessor for css. It doesn't inherently change the size of the CSS that comes out in the end, but it does have functions that can lead to drastically different file sizes.
Loops are dangerous, because they create CSS rules iteratively. Loop a large selector and you're bound to bloat your bundle size.
Includes can be tricky too because they obfuscate what they do.

However working with extends can reduce your bundle size, because they promote less repeating code.

Collapse
 
pvcodes profile image
Pranjal Verma

So, Should i use it?

Collapse
 
iamschulz profile image
Daniel Schulz

I don't know. Would it help you? Then do it.

Thread Thread
 
pvcodes profile image
Pranjal Verma

Oks, I will try for some next projects.