![]() ![]() This command is usually in theme.liquid, most likely in the “head” section. In this example, you would click ebay-styles.css, then rename it to.scss.liquid files are already minified.įilename. If they’re 3rd party, you don’t have control over them and will have to ask the app developer to minify (more on that later).įilename. If you see a suggestion with a file that has the file is usually coming from your theme (in the Assets folder). You can do a quick analysis with GTmetrix to spot any unminified files. I usually mark mine with a version number, date, and summary of the change. From there you can Duplicate, Preview, etc. If you haven’t done that work flow before, all you need to do is go to Online Stores > Themes, then next to your theme there’s an Action button. Work on the duplicate theme, then when you’re done editing Preview it, then if all is good you can publish that. ![]() If you’re not comfortable working with code and prefer to use an app instead, our app File Optimizer is the easiest way to minify CSS, JavaScript, and Liquid files.įirst, any time you make a change to your theme you should duplicate it just to be safe. No worries, Shopify has a technique that compresses your human readable CSS files into minified files on the server. You want to compress your files, but you also want them to be readable so you can edit and make updates. When your files are lighter they transfer faster, which helps your site load faster. Minification compresses the text by removing extra characters like spaces and comments, and combining common styles. In Shopify, you’ll find CSS files in your theme Assets folder. CSS (Cascade Styling Sheets) are files that control the style of your website by connecting style properties to html elements. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |