title: Slow livereload with grunt
body: <p>Apologies in advance I'm very new to this, I previously was using Durandal with NPM and had liverealod working and it was lightning fast, now I'm using grunt with angular and my livereload has gotten much slower, sometimes 4-5 seconds.  Didn't know if this was anything I could speed up due to my lack of experience setting up the build.</p>
  
  <pre><code>watch: {
    bower: {
      files: ['bower.json'],
      tasks: ['wiredep']
    },
    js: {
      files: ['&lt;%= yeoman.app %&gt;/scripts/{,*/}*.js'],
      tasks: ['newer:jshint:all'],
      options: {
        livereload: '&lt;%= connect.options.livereload %&gt;'
      }
    },
    jsTest: {
      files: ['test/spec/{,*/}*.js'],
      tasks: ['newer:jshint:test', 'karma']
    },
    compass: {
      files: ['&lt;%= yeoman.app %&gt;/styles/{,*/}*.{scss,sass}'],
      tasks: ['compass:server', 'autoprefixer']
    },
    gruntfile: {
      files: ['Gruntfile.js']
    },
    livereload: {
      options: {
        livereload: '&lt;%= connect.options.livereload %&gt;'
      },
      files: [
        '&lt;%= yeoman.app %&gt;/{,*/}*.html',
        '.tmp/styles/{,*/}*.css',
        '&lt;%= yeoman.app %&gt;/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
      ]
    }
  },
  </code></pre>
  
  <hr>
  
  <pre><code>  },
    livereload: {
      options: {
        open: true,
        middleware: function (connect) {
          return [
            connect.static('.tmp'),
            connect().use(
              '/bower_components',
              connect.static('./bower_components')
            ),
            connect.static(appConfig.app)
          ];
        }
      }
    },
  </code></pre>
  
  <p>Any help would be greatly appreciated thanks!!</p>