marcbruederlin / particles.js

A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.

Home Page:https://marcbruederlin.github.io/particles.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Performance issues in Chrome

camlowe opened this issue · 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)

commented

Is this confirmed?

I am also experiencing this issue.

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

I can try on a Yosemite, on monday.

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

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

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

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