CodeByZach / pace

Automatically add a progress bar to your site.
https://codebyzach.github.io/pace/
MIT License
15.65k stars 1.91k forks source link

Latest version in Firefox #510

Open mugnap opened 3 years ago

mugnap commented 3 years ago

Hello, I upgraded to the latest version to solve the issue under Firefox (infinite loading). The issue seems to be still there: pace loads for a lot of time, while under Chrome I have no issues. I noticed (at least in Firefox) that if I move the mouse while pace is loading, it correctly finishes. How these things may be related? Thanks!

mwi812 commented 3 years ago

I´ve exact same issue. I already implemened this code from stackoverflow, so the loading bar finish 100%, also if i don´t move the mouse but the loading time are horrible in FF. Chrome and Edge are perfect ....

Loading Time Chrome and Edge <1s Loading Time FF > 15 Seconds

https://stackoverflow.com/questions/43887415/pace-js-never-reaches-100/51343315#51343315

Temp. workaround is https://github.com/CodeByZach/pace/issues/470#issuecomment-695336412

S4nG0 commented 3 years ago

Is there no intention of fixing this bug? Is it even fixable?

I tried every workaround, but loading still takes up to 20secs on Firefox, which makes using pace not even worth it to be honest...

thehydrogen commented 3 years ago

I'm also having this problem, is there any solution that someone might have found?

PierreAronnax commented 3 years ago

This is caused specifically by the Event Lag feature. I have disabled it myself.

paceOptions = {
  eventLag: false, // disabled
};

Or you can increase the threshold (30 is just a random guess):

paceOptions = {
    eventLag: {
        lagThreshold: 30,
    },
};

The default lagThreshold is 3 and should be increased.

bsantosdev commented 3 years ago

@PierreAronnax thank you for the input. The first workaround worked like a charm for me.

Igor82620 commented 2 years ago

thanks for your effort. You are my time saver.

lipflip commented 2 years ago

This is caused specifically by the Event Lag feature. I have disabled it myself.

paceOptions = {
  eventLag: false, // disabled
};

Or you can increase the threshold (30 is just a random guess):

paceOptions = {
  eventLag: {
      lagThreshold: 30,
  },
};

The default lagThreshold is 3 and should be increased.

Thanks, is working!

joseadrian commented 1 year ago

This is caused specifically by the Event Lag feature. I have disabled it myself.

paceOptions = {
  eventLag: false, // disabled
};

Or you can increase the threshold (30 is just a random guess):

paceOptions = {
  eventLag: {
      lagThreshold: 30,
  },
};

The default lagThreshold is 3 and should be increased.

That worked!! Thanks!