[Browsersync] Localhost:3000 SOOOO slow - several minutes to load

Support
1

Project Background:

Running multisite using Local by Flywheel - sites config setting https://d.pr/i/QHN3jV
‘yarn run build’ = success - https://d.pr/i/jqMBi3
‘yarn run start’ = semi-success - https://d.pr/i/wREefz

Problem:

When I run ‘yarn run start’ > localhost:3000 opens and takes easily 3-5 minutes to actually load all website assets. When I make a change to SCSS file(s) and save > changes on the page that is loaded take affect quickly. However; if I need to go to another page I have to wait another 3-5 minutes for everything to load.

Can anyone help me make this NOT take FOREVER?

2

Hi Evan,

This sounds like it might be an issue more closely related with the Browsersync config. If you load the site directly, do you still notice a massive slowdown?

3

If I visit http://examplewebsite.local/ with ‘yarn run start’ running its still slow but faster than visiting localhost:3000.

However; if I stop ‘yarn run start’, then run ‘yarn build’, I can visit http://examplewebsite.local and its loads pretty fast.

4

Thoughts about the above?

5

@bisonbrah,

Considering it’s running faster when directly accessing the site, it sounds like it’s an issue with Browsersync or possibly a DNS delay of some sort.

Are you using Local Lightning (5.0.4 or newer) or Local by Flywheel (3.3.0 and older)?

Also, is there any way you can provide a screenshot of the results in the Chrome DevTools Network tab like so?

image
image1690×1416 589 KB

(Image credit: Chrome DevTools - Chrome Developers)