4
2
I found CSS animations to be slow and most of the time useless. They make website feel heavy and laggy especially if I'm already using my CPU for other tasks.
Therefore, I would like to disable CSS animation on my browser to speed things up. The best would be a plugin like noscript or adblock where I can disable/enable for specific website.
Is there anything like that? I want snappy website :).
gagarine
Posted 2017-06-30T22:01:19.557
Reputation: 887
5
I end up writing a Firefox extension based on @DavidPostill's comment.
https://addons.mozilla.org/en-US/firefox/addon/no-transition/
The extension let you globally disable/enable CSS transition and animation.
I hop it will be useful for others. The web feel fast again! <3
gagarine
Posted 2017-06-30T22:01:19.557
Reputation: 887
1superb extension! Not as much speed improvement, as the background CPU consumption reduction, which was about 4 times in my case! – Alexander Shcheblikin – 2019-05-29T09:45:29.193
Works, glad someone is helping protect the future of the internet from distracting UI stimulus overload fever. I will keep this plugin enabled 99.999% of the time. – Logic1 – 2020-01-13T22:21:31.743
2
I've no idea whether this works in the latest version of Firefox, please let us know. How to disable CSS transforms, transistions and animations
– DavidPostill – 2017-06-30T22:27:32.187Thanks! I will check and wrap that in a plugin ASAP. I want a plugin to be able to switch it on/off easily. – gagarine – 2017-07-03T02:51:26.617