Lagging animation in Safari but not in Chrome

I've implemented a background animation exactly likes this reference: https://tympanus.net/Development/ShapeMorphIdeas/index3.html

What I'm noticing in both my implementation and the example is that Safari lags hard while that animation is active. What also happens is that while the animation is active in Safari my whole computer runs slow. However, when I open either one in Chrome I have no performance issues whatsoever.

Is this problem specific to Safari, or a combination of Safari and the computer, or a complete computer graphics issue?

These are my environment specifications :

MacBook Pro 2016 (w/TouchBar)

2.9GHz Intel Core i7

16GB memory

530 1536MB Graphics

Safari version 11.0.1

链接地址: http://www.djcxy.com/p/23046.html

上一篇: 跨浏览器JavaScript(不是jQuery ...)滚动到顶部动画

下一篇: 在Safari中滞后的动画,但不在Chrome中