Why does livereload refresh the page the second time?

Question

css

Good afternoon everyone!
I started learning gulp and ran into a problem that I can not solve for like a day.
Who understands the topic, please help.
I use: win8 + openserver + phpstorm + gulp + gulp-connect + livereload-extension for chrom'a.
Problem: when editing .php pages (let's say I change the text), changes in the browser happen automatically, instantly. But when editing scss files, they are successfully interpreted in css, but the page does not automatically update. If I make changes to the scss file again (for example, I change the background color to another one), the page in the browser is automatically updated, but with the previous changes.
The problem is similar to this one .
My gulpfile.js
What could be the problem?

Answer 1

I would advise you to use guard-livereload

Answer 2

In my case, there was such a nuisance due to the fact that the LiveReload extension was installed in the "SublimeText3" editor. After removing it, it worked as it should. It turned out that the extension worked in SB3 and not gulp-livereload