Hello Shopify Support/Experts,
I did a Google PageSpeed Insights and it's indicating that the 3 files theme.scss.css, style.scss.css, and owl.carousel.css are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. I have developers willing to work on this, but we can't find the files in the edit code of the themes. Can someone tell me how to gain access to those files for my developers to improve the speed of my website. Much appreciated!
Solved! Go to the solution
Developers should know those are files that come from template files accesible in the theme editors.
theme.scss.liquid, style.scss.liquid, etc
They need to go over theme documentation https://shopify.dev/docs/themes to minimize further confusion.
Hi PaulNewton,
The files theme.scss.liquid, style.scss.liquid are not the ones I'm looking for. I am very specifically looking for theme.scss.css, style.scss.css, and owl.carousel.css. I have attached a screenshot of what Google's PageSpeed Insights pointed out in what needs to be improved.
Thank you,
BleuBambi
This is an accepted solution.
@BleuBambi wrote:The files theme.scss.liquid, style.scss.liquid are not the ones I'm looking for. I am very specifically looking for theme.scss.css, style.scss.css, and owl.carousel.css.
The liquid versions are quite literally the ones you are looking for, they are the same files, templates you edit on the server gets turned into the files sent to the browser.
User | Count |
---|---|
822 | |
113 | |
95 | |
94 | |
76 |