Este es probablemente un efecto de mi configuración ineficiente y no un problema con grunt / livereload.

Aquí está mi prueba de reloj en mi grunfile.js:

watch: {
    images: {
        files: ['images/**/*.{png,jpg,gif}', 'images/*.{png,jpg,gif}'],
        tasks: ['imagemin'],
        options: {
            spawn: false
        }
    },
    js: {
        files: ['js/*.js','js/**/*.js'],
        tasks: ['jshint'],
        options: {
            spawn: false
        }
    },
    svgs: {
        files: ['images/*.svg','images/**/*.svg'],
        task: ['svgmin'],
        options: {
            span: false
        }
    },
    scss: {
        files: ['sass/*.scss', 'sass/**/*.scss'],
        tasks: ['sass','autoprefixer'],
        sourceComments: 'normal',
        options: {
            nospawn: true,
            livereload: true
        }
    }
},

Esto volverá a compilar mi SASS y recargará la página, pero toma 5-6 segundos completar la compilación de CSS, luego se actualizará la página completa, en lugar de solo recargar el archivo CSS que cambió.

Así que mis preguntas son las siguientes:

¿Cómo evito que se demore tanto en compilar el SASS y actualizar la página, o simplemente estoy siendo muy exigente, y esto es una parte hereditaria del gruñido?

¿Cómo evitar que se vuelva a cargar toda la página y simplemente volver a cargar el archivo CSS que cambió de mi compilación de SASS?