Use Grunt Uncss para remover CSS não utilizado de seu projeto!

O Uncss é extremamente útil se você estiver usando um grande framework de front-end como Foundation ou Bootstrap porque na maioria das vezes você usará apenas cerca de 10% do css.

Recentemente, usei grunt-uncss em um projeto do Foundation 5 e ele reduziu o arquivo css gerado de 149kb para 6kb .

app/css/app.css - file 5007 lines (4725 sloc) 149.149 kb
dist/css/app.css -  file 1 lines (1 sloc) 6.383 kb

O único problema que encontrei foi que o uncss iria ignorar o CSS gerado pelo JavaScript. No entanto, você pode adicionar uma opção de ignorar para que ela não se livre dos seletores selecionados.

Gruntfile.js:

uncss: {
  dist: {
    files: {
      'dist/css/app.css': ['app/index.html']
    }
  },
  options: {
    ignore: ['#ignoredselector', '.ignoredselector']
  }
},