Minifying CSS, .Liquid, and .scss files

Solved
Verushka53
New Member
2 0 1

Greetings,  I am trying to optimize the site performance by minifying .js and .css files.
I found a huge .scss.liquid file that has a mixture of .liquid, .css, and .scss code in one. Would you recommend to do in this case?
To convert .scss to .css and then minify all .css living the liquid code untouched?

0 Likes
neeravmakwana
Shopify Partner
164 29 32

This is an accepted solution.

Welcome to Shopify Community!

Making so many changes to liquid files could have unintended consequences or be very difficult at the least. If it's only about site speed, I suggest starting with Theme Inspector first and resolving anything problematic indicated by Theme Inspector.

https://chrome.google.com/webstore/detail/shopify-theme-inspector-f/fndnankcflemoafdeboboehphmiijkgp...

Verushka53
New Member
2 0 1

Thank you very much, I will try to understand the results of the profiler.

Raelyn
New Member
2 0 0

I added this extension to Chrome - I'm trying to improve my site speed. It told me to go to Chrome Dev Tools once at my Shopify site and open/select the Shopify Tab. There doesn't seem to be a Shopify tab in Chrome Dev Tools - I scrolled down, opened up the other various menu options, tried searching for "Shopify tab" and nothing?

0 Likes