There are two important things you can do about your css/js files to improve your page load (and remember, faster page load = more satisfied customers = less cart abandon)
- Reduce the total number of file size (there are many tips regarding best practices for css coding out there on the web. If you want to get a summary of the BEST css practices for Zencart let me know)
- Reduce the total number of css/js files (or requests)
As I have mentioned in Zencart Performance Optimization Guide, you can combine all your css files (per page) into 1 single file and also minify(*) that file to get the best performance.
However, there are potential problems with minification: remember that CSS requires that you move @import command to the top of a css file, if you combine multiple css files and one of those files has @import command then this @import command will not run properly (Tabbed Product Pro is one of Zencart modules that uses @import). Read more…



