CSS optimization...

I put all base 64 encoded stuff in a single scss file as variables so my regular scss files aren't a mess like that. Also good for reusability.

Encoded images once lead me to a 1MB stylesheet :(

i've read somewhere that base64 in css is bad, because the browser only starts showing the website once all of the css is loaded. And the performance is not good because the base64 image can't be gziped. The only thing to put in base64 if at all would be webfonts.

@itsdaniel0 1MB? You lucky...

@Krokoklemme Has base64 caused you higher sizes?

@itsdaniel0 yep, around 20MB for a single page ^^'

My own stupidity though. I embedded a .gif and then another image twice (just learned about base64 embedding that day and wanted to try it out)

@Krokoklemme The cons of inline images!

I did not k ow this was a thing. I just went in and changed two icon images I use to be encoded!

@jaaywags Careful of file size though 😉
It's not great for SVGs, adds more bytes