title: Shrink CSS selector for more performace
body: <p>I started working on the last project with Grunt for compile sass, minify CSS and bundle javascript and compress images.</p>
  
  <p>Is there any task runner or something else which make my css unreadable?</p>
  
  <p>For Example... </p>
  
  <p>From this...</p>
  
  <pre><code>// html
  &lt;div class="foo-bar-stylings"&gt;&lt;/div&gt;
  
  //css
  .foo-bar-stylings {
    some: styles;
  }
  </code></pre>
  
  <p>to something like this...</p>
  
  <pre><code>// html
  &lt;div class="wd7tg"&gt;&lt;/div&gt;
  
  //css
  .wd7tg {
    some: styles;
  }
  </code></pre>