Isso provavelmente é um efeito da minha configuração ineficiente e não um problema com o grunhido / carga do fígado.

Aqui está o meu teste de relógio no meu 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
        }
    }
},

Isso recompilará meu SASS e recarregará a página, mas leva de 5 a 6 segundos para concluir a compilação do CSS e, em seguida, ele fará uma atualização completa da página, em vez de apenas recarregar o arquivo CSS alterado.

Então, minhas perguntas são:

Como evito que demore tanto tempo para compilar o SASS e atualizar a página, ou estou apenas exigindo muito, e isso é uma parte herdada do grunhido?

Como evitar recarregar a página inteira e apenas recarregar o arquivo CSS que foi alterado na minha compilação SASS?