VincentGarreau
Laggy on chrome and brave
Hello,
So when i scroll on to the section where i've added particle js, it lags so much, not just the particles, i've noticed that the fps drops to 10 ~ 20 and the scrolling becomes laggy so much, also any animation under that section becomes so laggy, this issue is currently on chrome and brave, i've tried it on edge, it works perfectly, please is there any solution ? i've tried turning on and off hardware acceleration, disabling/enabling retina_detect, nothing at all..
Thank you in advance :)
Also here's my config in case there's some performance issue caused by the config
{ "particles": { "number": { "value": 50, "density": { "enable": true, "value_area": 500 } }, "color": { "value": "#ff00c3" }, "shape": { "type": "triangle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 4 }, }, "opacity": { "value": 0.5, "random": false, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 3, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": true, "distance": 150, "color": "#ffffff", "opacity": 0.4, "width": 2 }, "move": { "enable": true, "speed": 2, "direction": "top", "random": false, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 1200, "rotateY": 1200 } } }, "interactivity": { "detect_on": "window", "events": { "onhover": { "enable": false, "mode": "repulse" }, "onclick": { "enable": false, "mode": "push" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": false }
same here. My config is extremely simple - only the speed has been reduced
