Magento for B2B Commerce, 2.2.x
Merging CSS Files

As part of an effort to optimize your site and reduce page load time, you can reduce the number of separate CSSCascading Style Sheets: A style sheet language that controls the appearance of HTML documents; a way to control the appearance of text, graphics, lists, links, and all other elements on a web page. files by merging them into a single condensed file. If you open a merged CSS file, you’ll find one continuous stream of text, with line breaks removed. Because you can’t edit the merged file, it’s 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 only when working in Developer Mode.

To merge CSS files:

1. On the Admin sidebar, tap Stores. Then under Settings, choose Configuration.
2. In the panel on the left under Advanced, choose Developer.
3. Expand the CSS Settings section.
4. Set Merge CSS Files to “Yes.”
5. When complete, tap Save Config.