particles.js icon indicating copy to clipboard operation
particles.js copied to clipboard

Performance issues in Chrome

Open camlowe opened this issue 6 years ago • 8 comments

Hi there,

I've recently noticed some performance issues with Particles.js in Chrome. I've tested in Firefox with no issues. In chrome the CPU % usage is incredibly high.

It occurs with your example page https://marcbruederlin.github.io/particles.js/. It's quite easy to notice as the particle movement speed is much slower in Chrome.

My details are as follows: OSX El Capitan - 10.11.6 Chrome Version 65.0.3325.181 (Official Build) (64-bit)

camlowe avatar Mar 21 '18 04:03 camlowe

Is this confirmed?

dcworldwide avatar Apr 01 '18 00:04 dcworldwide

I am also experiencing this issue.

amandah avatar Apr 24 '18 21:04 amandah

Sorry I can't reproduce this issue. I tried various environments. Can someone debug this for me?

marcbruederlin avatar May 03 '18 16:05 marcbruederlin

I can try on a Yosemite, on monday.

5HT2 avatar May 26 '18 12:05 5HT2

Seeing the same thing using macOS 10.13.4 (High Sierra) with up to 98% CPU usage. Reducing the number of particles and size variations helps but there is a huge amount of memory being required in the JS Heap in the Chrome Performance profiler.

See this image: screen shot 2018-06-06 at 1 50 03 am

joshuaiz avatar Jun 06 '18 06:06 joshuaiz

image In may case, from 0.3% to 16+ opening the official website.

rubenmendoza avatar Jun 19 '18 05:06 rubenmendoza

I've updated to macOS 10.13.5 and I'm still seeing this issue in Chrome (67.0.3396.87). Previously it was using 95%+ of the CPU, now it's dropped down to around 45%.

screenshot 2018-06-19 15 35 14

camlowe avatar Jun 19 '18 05:06 camlowe

anybody have ideas how to deal with 'jerky' chrome? I get a stop/start effect in chrome, smooth in Firefox and IE. thanks

trivendor avatar Sep 06 '18 11:09 trivendor