Merging CSS Files

As part of an effort to optimize your site and reduce page load time, you can reduce the number of separate CSS files by merging them into a single, condensed file. If you open a merged CSS file, you will find one continuous stream of text, with line breaks removed. You cannot edit the merged file, so it is best to wait until you are out of the development mode and no longer making frequent changes to the CSS.

CSS files can be merged from the Admin panel only when working in Developer Mode.

Merge your CSS files

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Advanced and choose Developer.

  3. Expand the CSS Settings section.

    CSS Settings

  4. Set Merge CSS Files to Yes.

  5. When complete, click Save Config.