wufe / react-particles-js

Particles.js for React
https://rpj.bembi.dev/
MIT License
1.16k stars 106 forks source link

Render Slow on Mobile with Next.js #70

Closed EduardoHidalgo closed 5 years ago

EduardoHidalgo commented 5 years ago

Hi! i'm trying to use particle.js by Vincent Garreau Link to Github. I didn't achieved because Next can't load plugins in server side, so i just can't realize a way to do it.

I found this github proyect, and it was very easy to implement. When i tried to deploy it, it really works, but looks so slow and laggy in mobile devices.

this is my deploy with now.sh, open it on mobile device: https://blog-mtv7tej2z.now.sh/

if you want to take a look at my code, here is repo: https://github.com/EduardoHidalgo/Blog im working actually on it, so maybe code changes.

but basically mi code has nothing more than this, like Wufe's example:

import Particles from 'react-particles-js';

...

 return (
    <div>
      <Particles
        params={params}
        style={{
          backgroundColor: 'black'
        }}/>
    </div>
  )
EduardoHidalgo commented 5 years ago

this resolved my issue, just turn of "retina_detect" https://github.com/VincentGarreau/particles.js/issues/306#issuecomment-392914538