Combine & Minify CSS

Last Updated: Jan 16, 2017 05:52PM EST
Combine & Minify are two techniques that can be used to improve page request load time by reducing the number of requests to the server and reducing the size of requested assets (such as CSS and JavaScript.).

Turning On Combine & Minify CSS

The setting to enable this feature in ProductCart is under:

Settings > Store Settings > Store & Display Settings > [Miscellaneous] > scroll to bottom

Enable "Combine & Minify CSS / JavaScript":
 

The feature minifies the CSS and JavaScript and moves them to the bottom of the page (except jQuery). To confirm the feature is working, the following tests should indicate a Passing grade in Google PageSpeed Insights.


- Minify CSS
Your CSS is minified. Learn more about minifying CSS.


- Minify JavaScript
Your JavaScript content is minified. Learn more about minifying JavaScript.

Note: if you have customized the related CSS and JS files… you should re-combine the files using one of the Developer Tools buttons found at the bottom of the Troubleshooting Utility page (Help > Troubleshooting Utility).


If those tests pass, then it's working on your store. Page Speed improvements (on Google's Tool) from minification and bundling seem to range from 2 to 15 points in our experience.

Keep in mind however, that there are other tests worth more points, and which have a greater impact on your site's Page Speed. E.G.:
 

  • Caching
  • Compression
  • Image Optimization


Results from the Caching, Compression, and Image Optimization can be worth as much as 40 - 50 points. These things must all be done outside of ProductCart (using the web.config and/or image software).

647e99095133bd6d1ae916f97dc7f92f@productcart.desk-mail.com
https://cdn.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete