Tips & Tutorials

Minify your CSS

As of clearFusionCMS 1.2.0 you can now minify your CSS when serving it out of a document.

Getting your CSS into a Document

If you don't already have your CSS within clearFusionCMS then first:

  • Create a new template, we'll named it blank and just place the [[+content]] snippet in it
  • Next create a new Document to hold the CSS
  • Set the Content Type to CSS
  • Set the template to blank
  • Disable the WYSIWYG Editor for the document
  • Paste your CSS into the document and save it
  • Update your existing style sheet links to put to the new document

Everything should be working as before except that the CSS is now being served out of the CMS and being gzip compressed.

Minifying the CSS

Now we just need to minify the CSS, so edit the Document holding your CSS:

  • As the first line in the document add [[minifyCSS &css=`
  • As the last line in the document add `]]
  • Save the document

That's all there is to it, you're site is now serving CSS minified, compressed and cached.

At this time minification removes whitespace and comments.